首頁 >web前端 >js教程 >如何在 JavaScript 中偵測頁面重新載入和刷新?

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

Susan Sarandon
Susan Sarandon原創
2024-12-10 21:35:20848瀏覽

How Can I Detect Page Reloads and Refreshes in 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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn