Detecting iPhone Swipe with jQuery

C

3

8

I'm simply looking for a listener that will detect the swipe of a finger on a touch device.

For example;

 if (swipe.direction == 'left' ) {
     function();
 }

Cyclo answered 15/5, 2012 at 14:42 Comment(1)

possible duplicate of Standalone jQuery "touch" method? – Metatherian 15/5, 2012 at 14:47

L

4

With jQueryMobile you can use several events, such as swipe, or even swipeleft, swiperight, tap, etc.

http://jquerymobile.com/test/docs/api/events.html

Liliuokalani answered 15/5, 2012 at 14:46 Comment(4)

I tried using that but it started adding DIV elements to my page. I found another little plugin that I modified to work with watewrwheel carousel. – Cyclo 15/5, 2012 at 16:7

Than you should post your answer detailing about that plugin and accept that so that other members can have benefit of your research. Well of course if you don't mind posting answer, please consider this as request. – Dotson 16/5, 2012 at 11:4

The swipe method in jQueryMobile does not return a swipe direction. In fact, I don't believe it can register and up/down swipe either. – Matlick 8/11, 2012 at 15:42

Is it compatible with scroll?? In my case, if I set this events, loosing scrolling on touchscreen device like iPad! – Weekend 18/12, 2015 at 9:25

D

4

You can use this jquery plugin

http://www.netcu.de/jquery-touchwipe-iphone-ipad-library

Dhruv answered 15/5, 2012 at 14:45 Comment(3)

Great little script! Although it's written a little strangely I very much prefer this to jQuery Mobile, since jQuery Mobile provides a ton of bloat and modifies the DOM automatically, even if you don't want it to. – Longspur 25/6, 2012 at 15:50

Works nice on PC, but I think it overrides .on("click") event on iPhone :( – Hydrastis 31/1, 2014 at 11:49

Even it is an Iphone related question and the answer is perfect for Iphone just to let people know that it is not working on Android Tabs – Knurl 17/3, 2015 at 9:2

L

4

With jQueryMobile you can use several events, such as swipe, or even swipeleft, swiperight, tap, etc.

http://jquerymobile.com/test/docs/api/events.html

Liliuokalani answered 15/5, 2012 at 14:46 Comment(4)

I tried using that but it started adding DIV elements to my page. I found another little plugin that I modified to work with watewrwheel carousel. – Cyclo 15/5, 2012 at 16:7

Than you should post your answer detailing about that plugin and accept that so that other members can have benefit of your research. Well of course if you don't mind posting answer, please consider this as request. – Dotson 16/5, 2012 at 11:4

The swipe method in jQueryMobile does not return a swipe direction. In fact, I don't believe it can register and up/down swipe either. – Matlick 8/11, 2012 at 15:42

Is it compatible with scroll?? In my case, if I set this events, loosing scrolling on touchscreen device like iPad! – Weekend 18/12, 2015 at 9:25

C

2

A much nicer plugin for handling swipes ( if that's all you want ) is Touch Swipe.

I found the touchwipe to be pretty rubbish, and I always find jQueryMobile way to heavy when all you want is this functionality.

https://github.com/mattbryson/TouchSwipe-Jquery-Plugin

Coprophilous answered 25/11, 2014 at 12:40 Comment(0)

Recommended topics

Hot tags