可以通过以下方法在 JavaScript 中判断页面刷新:使用 window.onbeforeunload 事件,它会在页面刷新或离开时触发,允许您询问用户是否确定离开或阻止页面刷新。使用 document.visibilitystate 属性,它表示文档的当前可见性状态,当页面刷新或离开时,该属性将更改为 “hidden”。
JS 如何判断页面刷新?
在 JavaScript 中,有两种主要方法可以判断页面是否刷新:
1. 使用 window.onbeforeunload 事件
window.onbeforeunload 事件会在页面刷新或离开时触发。您可以使用此事件监听器来执行以下操作:
- 询问用户是否确定要离开页面。
- 阻止页面刷新。
window.onbeforeunload = function() { return "您确定要离开页面吗?"; };
2. 使用 document.visibilityState 属性
document.visibilityState 属性表示文档的当前可见性状态。当页面刷新或离开时,此属性将更改为 “hidden”。您可以使用以下代码来监听此状态的变化:
document.addEventListener("visibilitychange", function() { if (document.visibilityState === "hidden") { // 页面已刷新或离开 } });
注意:
- window.onbeforeunload 事件可以在某些浏览器中被禁用。
- document.visibilityState 属性不适用于所有浏览器。