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

时间: 2019-04-15阅读: 33标签: 刷新

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

内容以共享、参考为目的,请勿用于商业用途。其版权归原作者所有,如有侵权,请与小编联系,情况属实将予以删除!

广告赞助文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全