javascript - 处理触摸屏上的鼠标和触摸事件

Question

我正在编写应该同时支持鼠标和触摸交互的 Web 应用程序。为了进行测试，我使用了带有 Windows 7 的触摸屏设备。我尝试在最新的 Firefox 和 Chrome canary 中嗅探触摸事件，并得到以下结果:

触摸时 Firefox 触发触摸和相应的鼠标事件。Chrome 触发 touchstart/mousedown、touchend/mouseup 对，但是 mousemove 以非常奇怪的方式触发:一次/两次 touchmove.

一如既往地处理所有鼠标事件。

有什么方法可以在现代触摸屏上同时处理鼠标和触摸事件吗？如果 Firefox 触发一对触摸和鼠标事件，在 Chrome 中 touchmove 和 mousemove 会发生什么？我应该将所有鼠标事件转换为触摸还是相反？我希望找到正确的方法来创建响应式界面。

Answer 1

您无法真正提前预测要监听哪些事件(例如，据您所知，USB 触摸屏可能会在您的页面加载后插入)。

相反，您应该始终监听触摸事件和鼠标事件，但对您处理的触摸事件调用 preventDefault() 以防止(现在是多余的)鼠标事件被触发。参见 http://www.html5rocks.com/en/mobile/touchandmouse/了解详情。