-
preventDefaultメソッドを使用する方法: 以下のコードを使用して、ブラウザのタッチイベントをキャンセルし、スワイプによる履歴ナビゲーションを停止します。
document.addEventListener('touchmove', function(event) { event.preventDefault(); }, { passive: false });
このコードは、
touchmove
イベントが発生した場合にそのデフォルトの動作をキャンセルし、スワイプによる履歴ナビゲーションを防止します。 -
タッチイベントのキャプチャリングを使用する方法: 以下のコードを使用して、ブラウザのタッチイベントをキャプチャリングし、スワイプによる履歴ナビゲーションを停止します。
document.addEventListener('touchstart', function(event) { event.preventDefault(); }, { passive: false }); document.addEventListener('touchmove', function(event) { event.preventDefault(); }, { passive: false });
このコードは、
touchstart
およびtouchmove
イベントをキャプチャリングし、デフォルトの動作をキャンセルします。 -
CSSの
overscroll-behavior
プロパティを使用する方法: CSSのoverscroll-behavior
プロパティを使用すると、スクロール領域の端でのスクロール動作をカスタマイズできます。以下のCSSを使用して、スワイプによる履歴ナビゲーションを停止します。html, body { overscroll-behavior: none; }
このCSSは、
html
およびbody
要素でスクロール動作を無効にします。
これらの方法を試してみて、ブラウザの履歴ナビゲーションでのスワイプを停止することができるかどうか確認してください。ただし、特定のブラウザやデバイスによっては、これらの方法が機能しない場合があります。