欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-20 19:20:58
浏览器F5刷新的时候有一个刷新执行之前的事件,beforeunload 事件,这个事件可以提示用户在刷新页面之前有一个提示。 下面是beforeunload的用法: 首先在methods中定义beforeunload事件 beforeunloadHandler(e) { // e.preventDe ......

浏览器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 事件,如果不触发进入别的页面没有这个事件。

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

 

如果您觉得文章有用,可以打赏个咖啡钱浏览器刷新事件的监听和使用

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