javascript событие для мобильного пинча/эффекта масштабирования

Question

Мне нужна помощь. Я пытаюсь работать на мобильной веб-странице. То, что я пытаюсь сделать, это «захват», когда пользователь выполняет действие увеличения/уменьшения масштаба. То есть, когда они наносят два пальца на экран и разделяют или закрывают их пальцы. Я посмотрел на jquery mobile и не видел этого.

Так что конкретно я могу прикрепить функцию javascript к событию пинча/увеличения в мобильном устройстве?

Любая помощь была бы принята с благодарностью.

Answer 1

Zepto - совместимая jQuery библиотека для мобильных устройств и предоставляет обработчики для событий пинча. К сожалению, они перечислены только как iOS. (См "Touch Events")

Синопсис:

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

Answer 2

Touchy плагин JQuery, который обеспечивает поддержку пинча, перетащить, салфетки, longpress, поворот. Он работает в любом браузере, который реализует touchstart, touchmove и touchhend. Будущие версии также поддерживают IE10.

Answer 3

hammer.js http://eightmedia.github.com/hammer.js/ является одним из лучшей библиотеки JavaScript для таких проблем ..