onbeforeunload判断是关闭还是刷新
时间: 2023-08-09 22:11:23 浏览: 196
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
5星 · 资源好评率100%
`onbeforeunload` 事件在页面关闭或刷新时触发,可以用来执行一些清理工作或者提示用户保存未保存的数据。在这个事件中,可以通过 `event.currentTarget.performance.navigation.type` 属性来判断是关闭还是刷新页面。
当用户点击关闭按钮或者使用快捷键关闭页面时,`performance.navigation.type` 的值为 `1`;而当用户使用 F5 或者点击浏览器的刷新按钮时,`performance.navigation.type` 的值为 `0`。
以下是示例代码:
```javascript
window.addEventListener('beforeunload', function(event) {
if (event.currentTarget.performance.navigation.type === 1) {
console.log('用户关闭了页面');
} else if (event.currentTarget.performance.navigation.type === 0) {
console.log('用户刷新了页面');
}
});
```
阅读全文