js判断页面刷新还是关闭
时间: 2023-10-10 21:14:10 浏览: 212
用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
5星 · 资源好评率100%
您可以使用 `beforeunload` 事件来判断页面是刷新还是关闭。当页面将要被卸载时(无论刷新还是关闭),`beforeunload` 事件将被触发。您可以在事件处理程序中执行特定的操作来区分页面是刷新还是关闭。
下面是一个示例代码:
```javascript
window.addEventListener('beforeunload', function (event) {
// 判断页面是刷新还是关闭
if (event.currentTarget.performance.navigation.type === 1) {
// 页面刷新
console.log('页面正在刷新');
} else {
// 页面关闭
console.log('页面正在关闭');
}
});
```
在上面的示例中,我们使用 `performance.navigation.type` 属性来获取页面导航类型。如果导航类型为 1,表示页面正在刷新;如果导航类型为 2,表示页面正在关闭。
请注意,对于 `beforeunload` 事件的处理程序中的任何同步代码都会阻塞页面的卸载过程,因此请谨慎使用。
阅读全文