JavaScript でページのリロードと更新を検出するにはどうすればよいですか?

JavaScript でページのリロードまたは更新を検出する方法

Web アプリケーションを操作する場合、多くの場合、ページのリロードなどのユーザー操作を追跡する必要があります。またはリフレッシュします。これらのイベントを検出すると、特定のアクションをトリガーしたり、関連情報を表示したりできます。

解決策

ページがリロードまたはリフレッシュされたかどうかを判断するには、JavaScript の window.perform を利用できます。 Navigation.type プロパティ。このプロパティは、発生したナビゲーションのタイプに関する情報を提供します。

このプロパティを使用すると、次のコードを記述してページのリロードを確認できます。

if (window.performance.navigation.type === performance.navigation.TYPE_RELOAD) {
  // Perform desired action, such as displaying an alert
} else {
  // Perform an alternate action, indicating the page was not reloaded
}

上記のコードでは、ifステートメントは、ナビゲーション タイプが TYPE_RELOAD 値と一致するかどうかをチェックします。 true の場合、ページがリロードされ、必要なアクションがトリガーされたことを意味します。条件が false の場合、ページはリロードされていません。

注:

window.performance.navigation.type は非推奨であるため、使用しないでください。新しいコードで。推奨される代替案については、Ilya Zelenko が提供した回答を参照してください。

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