用于移动捏合/缩放操作的 javascript 事件

Posted

技术标签:

【中文标题】用于移动捏合/缩放操作的 javascript 事件【英文标题】:javascript event for a mobile pinch/zoom action 【发布时间】:2011-12-14 18:33:17 【问题描述】:

我需要一些帮助。我正在尝试在移动网页上工作。当用户进行放大/缩小操作时,我想要做的是“捕获”。也就是说,当他们将两根手指放在屏幕上并分开或合拢手指时。看了jquery mobile,没看到。

那么具体来说,我可以将 javascript 函数附加到移动设备中的捏合/缩放事件吗?

任何帮助将不胜感激。

【问题讨论】:

你看过这个吗? ***.com/questions/995914/… 【参考方案1】:

hammer.js http://eightmedia.github.com/hammer.js/ 是解决此类问题的最佳 javascript 库之一..

【讨论】:

【参考方案2】:

Zepto 是一个适用于移动设备的 jquery 兼容库,并为捏合事件提供处理程序。不幸的是,它们仅被列为 ios。 (参见“触摸事件”)

简介:

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

【讨论】:

【参考方案3】:

Touchy 是一个 jQuery 插件,支持捏合、拖动、滑动、长按、旋转。它适用于任何实现 touchstart、touchmove 和 touchend 的浏览器。未来的版本也将支持 IE10。

【讨论】:

以上是关于用于移动捏合/缩放操作的 javascript 事件的主要内容,如果未能解决你的问题,请参考以下文章

Phonegap 捏合和缩放以缩放画布

快速捏合缩放

UIScrollView 并取消缩放捏合手势

在 SVG 地图上捏合和缩放

如何在捏合和缩放时找出地图的中心点

Android:自定义视图缩放/捏合