如何在 JavaScript 中偵測頁面重新載入和刷新？

如何在JavaScript 中偵測頁面重新載入或刷新

使用Web 應用程式時，通常需要追蹤使用者交互，例如頁面重新載入或刷新。偵測這些事件可以觸發特定操作或顯示相關資訊。

解決方案

要確定頁面是否已重新載入或刷新，您可以利用 JavaScript 的 window.performance。 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中文網其他相關文章！