javascript - 检测夹点的最简单方法

Question

这是一个WEB APP，不是原生应用。请不要使用 Objective-C NS 命令。

所以我需要检测 iOS 上的“捏合”事件。问题是我看到的用于执行手势或多点触控事件的每个插件或方法(通常)都使用 jQuery，并且是一个完整的附加插件，用于在阳光下的每个手势。我的应用程序很大，而且我对代码中的死枝非常敏感。我所需要的只是检测捏合，而使用像 jGesture 这样的东西只是为了满足我的简单需求而变得臃肿。

此外，我对如何手动检测夹点了解有限。我可以得到两个手指的位置，但似乎无法正确混合以检测到这一点。有没有人有一个简单的片段可以检测捏合？

Answer 1

想想什么是 pinch 事件:两根手指放在一个元素上，相互靠近或远离。据我所知，手势事件是一个相当新的标准，因此最安全的方法可能是使用如下触摸事件:

(ontouchstart 事件)

if (e.touches.length === 2) {
    scaling = true;
    pinchStart(e);
}

(ontouchmove 事件)

if (scaling) {
    pinchMove(e);
}

(ontouchend 事件)

if (scaling) {
    pinchEnd(e);
    scaling = false;
}

要获取两根手指之间的距离，请使用hypot 函数:

var dist = Math.hypot(
    e.touches[0].pageX - e.touches[1].pageX,
    e.touches[0].pageY - e.touches[1].pageY);