What is a good JavaScript library or jQuery plugin for touch gestures?

Question

I don´t need a full fledged framework like Sencha or jQuery mobile, just the ability to detect gestures such as swype or pinch to optimize some parts of my site for touch devices.

I have never worked with touch events so I dont really know where to start. Is there a light framework or jQuery plugin for this?

http://www.sitepoint.com/jquery-plugin-for-touch-swiping-part-1-of-2/ — stormwild, Jun 19 '15 at 08:18
For the sake of completeness: There is a new kid on the block: http://interactjs.io/ — schmidsi, Jan 08 '16 at 11:39

score 14 · Answer 1 · answered Aug 26 '12 at 07:53

14

You can check those out: Hammer.js, which you can run standalone or as a jQuery plugin, QuoJS, which is a microlibrary it should work fine alongside jQuery. If you are planning to use jQuery UI then touchpunch should do the job!

answered Aug 26 '12 at 07:53

user980085

331
5
10

What about pep? http://goo.gl/Y69w9b – briangonzalez Aug 13 '13 at 05:48
1

Hammer.js is rather buggy. I've seen it fail to work quite a few times (the latest one being, it wouldn't fire `swipeleft`, `swiperight` in latest Chrome of Android) – Adonis K. Kakoulidis Sep 18 '13 at 04:10
@briangonzalez "jquery.pep.js" doesn't seem at all related to swipe gestures? It's a "jQuery plugin which turns any DOM element into a draggable object" – KajMagnus Oct 20 '13 at 06:12
1

If you're using jQuery, try **https://github.com/benmajor/jQuery-Touch-Events** It's the best one I've seen so far, with great documentation. – Aart den Braber Mar 01 '17 at 23:25

score 5 · Answer 2 · edited May 18 '17 at 16:02

5

TouchSwipe should meet your needs :)

edited May 18 '17 at 16:02

redburn

542
4
24

answered Jun 04 '12 at 03:41

jobwat

8,527
4
31
30

or http://swipejs.com/ if you just want a slider – jobwat Jun 04 '12 at 04:59
TouchSwipe looks nice. If only they offered more than just a demo. You know; like, how/where to download it. – Darrell Brogdon Jan 05 '14 at 23:23
Darrell Brogdon ? the whole thing is available on github - https://github.com/mattbryson/TouchSwipe-Jquery-Plugin – jobwat Jan 30 '14 at 00:15
They need to link to that on their site then. – Darrell Brogdon Jan 30 '14 at 18:33
The link is in the top right corner: "Fork me on GitHub". But that's interesting, it indeed means that another mention should probably be added in the center part of the page ; you can propose it, page is also on github: https://github.com/mattbryson/TouchSwipe-Jquery-Plugin/blob/gh-pages/index.html :) – jobwat Jan 30 '14 at 23:59
Odd. One of my Chrome extensions may be hiding the "Fork me on GitHub" banner. – Darrell Brogdon Feb 03 '14 at 19:15

score 2 · Answer 3 · answered Aug 06 '12 at 20:49

2

I've written a jQuery Plugin: TouchIt it converts touch events to mouse events. The blog post includes a link to GitHub.

answered Aug 06 '12 at 20:49

Daniel Glyde

21
1

score 2 · Answer 4 · answered Jan 10 '12 at 09:37

2

Since you've tagged it jquery, I'll recommend jQTouch.

answered Jan 10 '12 at 09:37

David Hedlund

128,221
31
203
222

What is a good JavaScript library or jQuery plugin for touch gestures?

4 Answers4

Linked