私は自分のウェブサイト上にGoogle Mapsの地図を持っていますが、Microsoft Surfaceタブレットでそれを使用すると、ブラウザによって「パン」ジェスチャがインターセプトされ、次のブラウザウィンドウに移動しようとします。ブラウザでパン(ドラッグイベント)を無視して、マップが正常に動作するようにするにはどうすればよいですか? maps.google.com
に行くと、マップは完全にドラッグ可能であるため、Googleが採用する回避策が必要です。Microsoft Surface:ブラウザでインターセプトされずにJavaScriptのタッチ/ドラッグイベントが動作するようにするにはどうすればよいですか?
6
A
答えて
12
「ポインタとジェスチャーのイベント」(ここではhttp://msdn.microsoft.com/en-us/library/ie/hh673557%28v=vs.85%29.aspx#Panning_and_zooming)のMSのガイドによると、「-ms-touch-action」ルールを「false」に設定してパンニングを無効にする要素にCSSクラスを追加する必要があります。このようなし」:
W3Cのポインタイベント候補recomendationで提案されている非接頭辞タッチアクションプロパティは、今がある.disablePanZoom
{
-ms-touch-action: none; /* Shunt all pointer events to JavaScript code. */
}
--EDIT--
:Internet Explorerの11、このイベント(-ms-タッチアクション)のマイクロソフトのベンダー接頭辞バージョンのよう
はサポートされなくなり、将来のリリースで除去することができます。その代わりに、接頭辞のない名前のタッチアクションを使用します。これは、標準準拠と将来の互換性のために優れています。+0
私が見つけたベストワーキングソリューション。 –
+1
互換性を最大限に高めるために、両方を行うことができると付け加えます。 '.disablePanZoom { -ms-touch-action:none; タッチアクション:なし; } ' – JoeDuncan
関連する問題
- 1. Richfaces popupPanelがJavaScriptで移動されないようにするにはどうすればよいですか?
- 2. ブラウザでPHPエラーが表示されるようにするにはどうすればよいですか?
- 3. ブラウザでCookieが保存されないようにするにはどうすればよいですか?
- 4. JavaScriptリンクをHTMLリンクのように動作させるにはどうすればよいですか?
- 5. leaflet.jsでズームをインターセプトするにはどうすればよいですか?
- 6. WKWebViewからダウンロードをインターセプトするにはどうすればよいですか?
- 7. ブラウザをフリーズせずにJavaScriptでタイマーループを使用するにはどうすればよいですか?
- 8. Javascriptのアニメーションテキストが繰り返されないようにするにはどうすればよいですか?
- 9. gulp-openでMicrosoft Edgeブラウザを起動するにはどうすればよいですか?
- 10. ボタンが自動的に押されないようにするにはどうすればよいですか?
- 11. Grails 3でセッションが作成されないようにするにはどうすればよいですか?
- 12. バッチWebブラウザを作成するにはどうすればよいですか?
- 13. 値が移動されないようにするにはどうすればよいですか?
- 14. アクティビティが再び起動されないようにするにはどうすればよいですか?
- 15. Surface SDKではジェスチャがどのように実装されていますか?
- 16. ページから離れずにブラウザのURLを変更するにはどうすればよいですか?
- 17. JavaScriptのプロンプトが表示されないようにするにはどうすればいいですか?
- 18. ppxが動作するようにocamlinitを設定するにはどうすればよいですか?
- 19. JavaScriptを手動でテストするにはどうすればよいですか?
- 20. Cassini WebホスティングフレームワークをGACに追加せずに動作させるにはどうすればよいですか?
- 21. JavaScriptでクラスを作成するにはどうすればよいですか?
- 22. JavaScriptでフルスクリーンボタンを操作するにはどうすればよいですか?
- 23. JavaScriptでイメージフェイスマウスを作成するにはどうすればよいですか?
- 24. JavaScriptでメモリリークを作成するにはどうすればよいですか?
- 25. JavaScriptでファイルを作成するにはどうすればよいですか?
- 26. ブラウザをクラッシュさせないようにするにはどうすればよいですか?
- 27. JSFiddleのコードをブラウザで動作させるにはどうすればよいですか?
- 28. サービスによって起動されるダイアログを作成するにはどうすればよいですか?
- 29. ブラウザが履歴のHTMLをキャッシュしないようにするにはどうすればよいですか?
- 30. Javascriptフィルターがグリッドビューヘッダーを表示させないようにするにはどうすればよいですか?
実際に正しく動作するようにしましたか?私はまだ同じ問題に直面しており、運がないすべての要素に 'touch-action' CSSルールを適用しようとしました。 – Mark