javascript - Web iPad 应用程序 - 如何区分单指和两指滚动

Question

为 iPad 客户端开发 Web 应用程序，但需要识别用户在哪里进行单指和双指滚动。有人知道如何实现吗？有什么方便的 jQuery 插件之类的吗？谢谢。

Answer 1

我假设您所说的“滚动”是指平移手势。

查看Handling Events documentation对于移动 Safari，除非该元素是可滚动的，否则您将无法使用高级 DOM 事件(单指和双指)检测到任何差异当移动停止时，平移手势将导致一个 onscroll 事件。

如果元素是可滚动的，您将收到一系列鼠标滚轮事件。

如果您愿意亲自动手，您应该看看名为 'Handling Multi-Touch Events' 的部分.您可能可以通过选择接收更多低级多点触摸事件(touchStart、touchMove、touchEnd、touchCancel)来实现您想要的。传递给这些事件的处理程序的事件对象包含一个“touches”属性，它允许您查看所有“指尖”的位置。这可能会为您提供所需的所有信息。

不过不要忘记阻止默认行为，否则您仍然会收到滚动和/或鼠标滚轮事件。

查看“virtual light table”演示，获取在 javascript 中处理多点触摸事件的一些灵感。还有一个很棒的 article at sitepen.com你应该看看。