javascript - Microsoft Surface：JavaScriptのタッチ/ドラッグイベントをブラウザーに傍受されることなく機能させるにはどうすればよいですか？

Question

WebサイトにGoogleマップマップがありますが、Microsoft Surfaceタブレットで使用すると、「パン」ジェスチャがブラウザによって傍受され、次のブラウザウィンドウに移動しようとします。パン（ドラッグイベント）をブラウザで無視して、マップが正常に動作するようにするにはどうすればよいですか？に移動するmaps.google.comと、マップは完全にドラッグ可能であるため、Googleが採用している回避策が必要です。

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 Pointer Events Candidateの推奨事項で提案されている、接頭辞のないタッチアクションプロパティがあります。

MSDNドキュメントから：

Internet Explorer 11以降、このイベントのMicrosoftベンダープレフィックスバージョン（-ms-touch-action）はサポートされなくなり、将来のリリースで削除される可能性があります。代わりに、接頭辞のない名前のタッチアクションを使用してください。これは、標準への準拠と将来の互換性に適しています。