監聽頁面關閉和刷新的總結

　　作開發的一個很重要的能力就是異常場景處理。而頁面的一個很常見的異常場景就是頁面關閉和刷新，尤爲是對於須要即時刷新、定時操做、自動提交的場景。而咱們應該都知道，監聽瀏覽器頁面關閉和刷新的一個很經常使用的事件就是onbeforeunload和onload（二者做用實際上是同樣的，就像vue生命週期勾子destroyed和beforeDestroy），而作前端開發的這4年，幾乎每一年都會用到那麼幾回。只是有一個問題不少剛開始用這個時間的人都會遇到，那就是不生效。

　　解決方法：阻攔。每次就是阻攔，而阻攔又有兩種方法，一種是直接return，無論return的是什麼；一種是修改事件的returnValue。二者效果是同樣的。

　　現象：阻攔以後，就會在觸發時alert彈窗，這樣瀏覽器纔能有時間將裏邊的事件進行執行。

　　附示例代碼：

 1     // 頁面關閉、刷新
 2     window.onbeforeunload = (e) => {
 3       alert('===onbeforeunload===')
 4       if ((event.clientX > document.body.clientWidth && event.clientY < 0) || event.altKey) {
 5         alert('你關閉了瀏覽器')
 6       } else {
 7         alert('你正在刷新頁面')
 8       }
 9       this.playPause()
10       // e.returnValue = '確認關閉'
11       return '確認關閉'
12     }
13     /* window.onunload = (e) => {
14       alert('===onbeforeunload===')
15       if ((event.clientX > document.body.clientWidth && event.clientY < 0) || event.altKey) {
16         alert('你關閉了瀏覽器')
17       } else {
18         alert('你正在刷新頁面')
19       }
20       this.playPause()
21       e.returnValue = '確認關閉'
22       return '確認關閉'
23     } */