如何在 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中文网其他相关文章！