JavaScript を使用して URL ハッシュの変更を確実に検出するにはどうすればよいですか?

ロケーション ハッシュの変更を検出する

ナビゲーションに Ajax とハッシュを使用する場合、window.location.hash の変更を検出することが重要です。シームレスなナビゲーションとブラウザの戻るボタン機能。

間隔ベースのアプローチ

ブラウザには、window.location.hash の変更を監視するイベントのネイティブ サポートがありません。これに対処する 1 つのアプローチは、現在のハッシュを以前の値と比較して定期的にチェックする間隔を確立することです。不一致が検出されると、「変更」イベントをトリガーできます。確実ではありませんが、この方法はネイティブ イベント サポートの欠如を回避します。

jQuery の Hashchange イベントを利用する

jQuery を利用している場合、より簡単な解決策は、jQuery の Hashchange イベントを利用することです。イベントシステム。 jQuery は、ウィンドウ オブジェクトでリッスンできるハッシュ変更イベントを提供します。

$(window).on('hashchange', function() {
  // ... Your code here ...
});

jQuery によるブラウザ サポートの処理

jQuery は、次のことを可能にする「特別なイベント」もサポートしています。イベントが使用される前に実行されるカスタム セットアップ コード。ハッシュチェンジの場合、ブラウザにネイティブ サポートがない場合、jQuery は変更を監視し、それに応じてイベントをトリガーするタイマーを設定できます。

jQuery の抽象化と特別なイベントを利用することで、開発者はコードを複雑な要素から切り離すことができます。 window.location.hash の変更に対するブラウザのサポートにより、シームレスなナビゲーションと適切な [戻る] ボタンの機能が確保されます。

以上がJavaScript を使用して URL ハッシュの変更を確実に検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。