javascript mobile view chrome click not working

Question

$(document).off("click", ".switch_cities").on("click", ".switch_cities", function(e) { 
        alert('uuuu');
        e.preventDefault();
        var r = $("#from").val(),
            t = $("#to").val();
        ("" != r || "" != t) && ($("#from").val(t), $("#to").val(r))
    })

The above code is used to switch cities in two text boxes it works in Firefox and chrome but it doesn't work in Various mobile views of chrome

Can you try removing e.preventDefault(); and use return false; at the end of the on click event — g9m29, Aug 10 '16 at 06:49
please define 'Various mobile views of chrome' and provide some html or working code — BeNdErR, Aug 10 '16 at 06:49
responsive,galaxy s5 ,nexus 5x, u can check in inspect element , the tab near to elements tab — mittal chande, Aug 10 '16 at 06:54
Created a fiddle https://jsfiddle.net/sameer_ngl/95jrumcq/4/ and checked all the above cases. working fine for me. — sameer, Aug 10 '16 at 07:08

score 0 · Answer 1 · edited May 23 '17 at 12:33

0

In your javascript you use the on then click, technically you are not using click on a mobile phone.

You can try the accepted answer in the following link which has the same problem.

https://stackoverflow.com/a/22015946/2619909

edited May 23 '17 at 12:33

Community

1
1

answered Aug 10 '16 at 06:51

Lorenzo

574
5
13

Can you give me the link? I'm starting to think that this may be cause by the OS of the phone having different API's. But if you have same OS in different phones, I'll try to do more research. – Lorenzo Aug 10 '16 at 07:02

score 0 · Answer 2 · answered Aug 10 '16 at 06:57

Instead of using click, use tap event handlers. Judging by your above snippet you seem to use jQuery. jQuery has awesome event handlers, use this link to see how to utilize jQuery tap events.

Bonus point of using tap is they also seem to work on desktop browsers, as seen in the demo on the above link. Cheers!

javascript mobile view chrome click not working

2 Answers2