JavaScript でページの更新と再読み込みを検出するにはどうすればよいですか?

JavaScript でのページの更新と再読み込みの検出

ページの更新または再読み込みの検出は、これらのブラウザーのアクションに応答する機能を実装するために重要です。ページが更新または再ロードされると、そのすべてのコンテンツが再ロードされ、アプリケーションの状態がリセットされます。

ページの更新の確認

ページが更新されているかどうかを確認するには更新されると、window.performance.navigation オブジェクトを使用できるようになります。このオブジェクトは、ページのナビゲーション履歴に関する情報を提供します。特に、次のプロパティを使用できます:

performance.navigation.type

このプロパティは、次のいずれかの値を返します:

• 0 (TYPE_NAVIGATE): ページが初めて読み込まれるか、または別の URL から移動しました
• 1 (TYPE_RELOAD): ページはreloaded

例:

次のコードは、ページが更新されたかどうかを確認し、更新されている場合はアラートを表示します:

if (performance.navigation.type == performance.navigation.TYPE_RELOAD) {
  alert("Page has been refreshed!");
}

注: window.performance.navigation オブジェクトは、最新のブラウザでは非推奨になりました。より最新のアプローチについては、指定された応答で提供される改善された回答を参照してください。

以上がJavaScript でページの更新と再読み込みを検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。