javascript event for a mobile pinch/zoom action

Question

I need some help. I am trying to work on a mobile web page. What i'm trying to do is "capture" when the user does a zoom in/zoom out action. That is, when they put two fingers on screen and separate or close their fingers together. I looked at jquery mobile and didn't see it.

So specifically can I attach a javascript function to a pinch/zoom event in a mobile device?

Any help would be greatly appreciated.

Have you looked at this? http://stackoverflow.com/questions/995914/catch-browsers-zoom-event-in-javascript — kvc, Dec 14 '11 at 18:59

score 4 · Answer 1 · answered Mar 14 '13 at 16:14

4

hammer.js http://eightmedia.github.com/hammer.js/ is one of the best javascript library for such problems..

answered Mar 14 '13 at 16:14

Nachiketha

12,055
2
22
30

score 3 · Answer 2 · answered Dec 14 '11 at 19:00

Zepto is a jquery compatible library for mobile and provides handlers for pinch events. Unfortunately, they are listed as iOS only. (See "Touch Events")

Synopsis:

$('some selector').pinch(function(){ ... });
$('some selector').pinchIn(function(){ ... });
$('some selector').pinchOut(function(){ ... });

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

2

Touchy is a jQuery plugin that provides support for pinch, drag, swipe, longpress, rotate. It works on any browser that implements touchstart, touchmove and touchend. Future versions will also support IE10.

answered Aug 23 '12 at 20:23

fisherwebdev

12,628
4
25
27

javascript event for a mobile pinch/zoom action

3 Answers3

Linked