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

Question

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

我真正需要知道的是如何检测两个手指何时在触控板上，我认为这是最好的方法。您可以使用 e.touches 在移动设备上进行操作！

Answer 1

2017 年 5 月更新

• Chrome 已经实现了新的wheel-event。Pinch-Zoom 可以被检测为带有 的滚轮事件ctrlKey === true。
• Firefox将在 Fx55 中提供相同的行为。
• 除非您使用“精确触摸板”，否则Edge 支持滚轮事件。不知道捏缩放怎么样。
• Opera 可能与 chrome-behaviour 匹配（未测试）
• safari 有基本的轮子事件并支持专有的（但还挺棒的）手势事件

原始答案

截至 2016 年 4 月，在不同的浏览器中以（非常）不同的方式支持捏缩放手势：

• Chrome 发送mousewheel-events 与ev.ctrlKey===true
• 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/文档/webkitjs/gestureevent
• Edge 根本不可能处理它。

Answer 2

触摸板不会触发与触摸相关的事件（但通常会控制鼠标指针。由于显而易见的原因，这不会受到网站的影响），因此这是不可能的。

如果在触摸板上完成的手势具有非标准行为，这通常由触摸板的驱动程序/软件完成。