javascript - iPad または iPhone でサファリのビューポートをクリックしてドラッグできないようにするにはどうすればよいですか?

Question

スワイプが登録されないという大きな問題があります。そして、SDKは、Safariのビューポートにある可能性のあるdivではなく、ビューポート全体をクリックしてドラッグすることを想定しているためだと思います。

このデフォルトを防ぐにはどうすればよいですか?

Answer 1

イベントをリッスンし、ビューポートの動きに寄与したくない要素をtouchmove呼び出す必要があると思います。event.preventDefault()

jquery の例:

$('.interestingElements').on('touchmove', function(event) {
  event.preventDefault();
});

モバイル サファリではtouchmove、シングル タッチを含む のデフォルトの動作は、ビューポートをスライドさせることです。

2 回のタッチが含まれる場合、デフォルトの動作はgestureイベントをトリガーすることです。touchmove のデフォルトを防止すると、ジェスチャー イベントが発生しなくなります。この配列を使用しchangedTouchesて、この touchmove イベントに関係するタッチの数を調べることができます。幸運を！