監聽瀏覽器刷新事件和使用

瀏覽器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 事件，如果不觸發進入別的頁面沒有這個事件。

之前在項目中遇到這個問題，希望對大家有用。

 

 個人vuepress搭建博客 https://wojiaozhangyonghao.github.io/goodBlog/

加群教你用vue + vuepress 搭建自己的博客

加入技術交流群

掃描二維碼