Vue 監聽瀏覽器刷新或關閉

 

一：使用window對象的onbeforeunload方法

mounted () { window.onbeforeunload = function (e) { var message = 'some word'; e = e || window.event; if (e) { e.returnValue = message; } return "瀏覽器關閉！"; }; }

 

注意！在舊版瀏覽器中可以自定義提示文案，既是 return 后面返回的參數

但在新版的瀏覽中，已經不支持自定義彈窗。只能調用瀏覽器自帶的提示確認窗格。

 

不需要出現彈窗的話，只要 return 后邊不帶任何參數即可；

 

二：使用window.addEventListener

 methods:{ // 監聽瀏覽器是否關閉
 browerStatus(){ var that = this; console.log("瀏覽器刷新 || 關閉了")； } }, mounted () { var that = this; // 監聽瀏覽器是否關閉
        window.addEventListener( "beforeunload", e => that.browerStatus() ); },