javascript - 是否可以使用触控板进行手势操作？

Question

在装有 Chrome 的 Macbook Pro 上，用两根手指在屏幕上滑动可以前后移动。我该如何禁用它，并在 jQuery 或 Javascript 中创建自定义手势？

我真正需要知道的是如何检测两根手指何时放在触控板上，我认为这是执行此操作的最佳方法。您可以使用 e.touches 在移动设备上完成!

Answer 1

2017 年 5 月更新

• Chrome 已实现新的 wheel-event .使用 ctrlKey === true 可以将捏合缩放检测为滚轮事件。
• Firefox 是 going to ship Fx55 中的行为相同。
• Edge 支持 wheel-event unless you are using a "precision-touchpad" .不知道双指缩放怎么样。
• opera 可能与 chrome-behaviour 匹配(未测试)
• safari 具有基本的车轮事件并支持专有(但还不错)gestureEvents

原始答案

截至 2016 年 4 月，在不同的浏览器中以(非常)不同的方式支持双指缩放手势:

• Chrome 使用 ev.ctrlKey===true 发送 mousewheel 事件
• Mozilla 正在讨论匹配 chrome 行为:https://bugzilla.mozilla.org/show_bug.cgi?id=1052253
• 在现代 Safari (>9.1) 中可以使用手势事件:https://developer.apple.com/library/archive/releasenotes/General/WhatsNewInSafari/Articles/Safari_9_1.html和 https://developer.apple.com/documentation/webkitjs/gestureevent
• Edge 根本不可能处理它。