Jquery Swipe without jQuery mobile library

Question

I know that this subject has been covered extensively on Stackoverflow but I cannot find a definitive answer.

I am successfully detecting if the client device is a touch screen:

if(!!('ontouchstart' in window)){

     // detect swipe

}

However, I cannot figure out how to detect a swipe/hover over an element. Please note that I want to be able to do this without the jquery mobile library.

Here is my fiddle:

http://jsfiddle.net/k77aC/9/

Thank you in advance,

Alan.

score 10 · Accepted Answer · answered Jan 29 '14 at 22:55

10

If it's just jQuery mobile which you don't want to use, try hammer js which is lightweight and has a lot of options.

If however you're completely opposed to using any library at all have a look at the different touch events available:

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Touch_events

answered Jan 29 '14 at 22:55

Paul Asjes

5,361
1
18
20

1

Thanks hammer.js looks perfect for my needs! – Alan A Jan 29 '14 at 22:58
I don't seem to be able to detect a swipe or tap using hammer.js: $('.myElement').hammer().on("tap", ".nested_el", function(event) { alert('yes'); }); – Alan A Jan 31 '14 at 09:55
I fixed it by referencing the id rather than the class – Alan A Jan 31 '14 at 10:40

Jquery Swipe without jQuery mobile library

1 Answers1