浏览器刷新事件的监听和使用

2019-04-18 09:00:58来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

浏览器F5刷新的时候有一个刷新执行之前的事件,beforeunload 事件,这个事件可以提示用户在刷新页面之前有一个提示。

下面是beforeunload的用法:

首先在methods中定义beforeunload事件

beforeunloadHandler(e) {
// e.preventDefault()
// e.returnValue = ''
e.returnValue = '确'
}

然后监听这个事件注意这个事件是在mouted()中调用

boforeunload() {
window.addEventListener('beforeunload', this.beforeunloadHandler, false)
},

这个事件在deactivated()中销毁

destroy() {
window.removeEventListener('beforeunload', this.beforeunloadHandler, false)
}

亲测beforeunload 事件只要触发不销毁,进入别的页面就会触发beforeunload 事件,如果不触发进入别的页面没有这个事件。

之前在项目中遇到这个问题,希望对大家有用。

 

如果您觉得文章有用,可以打赏个咖啡钱


原文链接:https://www.cnblogs.com/zazahao/p/10709333.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:小程序canvas中文字设置居中锚点

下一篇:手动实现Promise