新聞

javascript判斷網頁是關閉還是刷新

發布時間

2017-11-11

來源

來自網絡

移動

手機閱覽

原理就是通過離開頁面行為時間onunload觸發時間去檢測此時的瀏覽器的窗口大小,根據大小由此判斷用戶是刷新,跳轉或是關閉行為程序


代碼如下


window.onunload = function(){ var a_n = window.event.screenX - window.screenLeft; var a_b = a_n > document.documentElement.scrollWidth-20; if(a_b && window.event.clientY< 0 || window.event.altKey){ alert('關閉頁面行為'); }else{ alert('跳轉或者刷新頁面行為'); } }

用瀏覽器右上角的關閉按鈕時好用,但在選項卡上關閉和在任務欄上關閉,這個方法就不作用了

js標簽只有onloadonunloadonbeforeunload事件,而沒有onclose事件。

不管頁面是關閉還是刷新都會執行onunload事件。

如何捕捉到頁面關閉呢?

頁面加載時只執行onload

頁面關閉時只執行onunload

頁面刷新時先執行onbeforeunload,然后onunload,最后onload。

這樣我們可以在onbeforeunload中加一個標記,在onunload中判斷該標記,即可達到判斷頁面是否真的關閉了

更完整的兼容ff



資訊列表

其他的資訊
OTHER