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 fi

Answer 1

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

Answer 2

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(){ ... });

Answer 3

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.