javascript - Microsoft Surface：如何让 JavaScript 触摸/拖动事件不被浏览器拦截？

Question

我的网站上有一张 Google Maps 地图，但是当将它与 Microsoft Surface 平板电脑一起使用时，浏览器会拦截“平移”手势——它会尝试转到下一个浏览器窗口。如何允许浏览器忽略平移（拖动事件）以使地图正常运行？转到maps.google.com，地图是完全可拖动的，所以谷歌必须有一个解决方法。

Answer 1

根据 MS 关于“指针和手势事件”的指南（此处：http: //msdn.microsoft.com/en-us/library/ie/hh673557%28v=vs.85%29.aspx#Panning_and_zooming）您需要添加将“-ms-touch-action”规则设置为“none”的元素的 CSS 类，如下所示：

.disablePanZoom 
{
    -ms-touch-action: none; /* Shunt all pointer events to JavaScript code. */
}

- 编辑 -

现在有一个无前缀的触摸动作属性，在 W3C 指针事件候选推荐中提出。

从MSDN 文档：

从 Internet Explorer 11 开始，此事件的 Microsoft 供应商前缀版本 (-ms-touch-action) 不再受支持，并且可能会在未来的版本中被删除。相反，请使用无前缀名称 touch-action，这对于标准合规性和未来兼容性更好。