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

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

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

如果您覺得文章有用，可以打賞個咖啡錢