功能需求:前端在關閉頁面時觸發事件請求後台進行類似日誌記錄的東西,或者儲存當前頁面某些資料
解決方法:
1.使用window.onbeforeunload
window.onbeforeunload = function()
2.使用window.addeventlistener監聽beforeunload事件
window.addeventlistener(『beforeunload』, function() );
注意:使用時需要使用同步請求,或者可以嘗試使用confirm或者event.preventdefault()阻斷頁面關閉事件
問題:個人使用時為google 88.0.4324.96版本,同樣**開啟偶爾會有阻斷不了的情況,查閱資料時發現谷歌準備禁用beforeunload事件,下面是關於這個的截圖
谷歌版本截圖:
谷歌features截圖:
谷歌features翻譯截圖:
新手上路,如有問題,還請各位大佬不吝指教!
頁面關閉或返回觸發JS事件,重新整理不觸發
頁面載入時只執行onload 頁面關閉時只執行onunload 頁面重新整理時先執行onbeforeunload,然後onunload,最後onload。經過驗證我得出的結論是 對於ie,谷歌,360 頁面載入時只執行onload 頁面重新整理時,重新整理之前執行onbeforeunload事件,在...
前端頁面關閉事件 beforeunload
頁面載入時只執行onload 頁面關閉時先執行onbeforeunload,最後onunload 頁面重新整理時先執行onbeforeunload,然後onunload,最後onload。beforeunload js window.onbeforeunload function jq window...
js 重新整理和關閉頁面觸發的事件 及操作COOKIE
有個需求是在使用者離開頁面 重新整理或者關閉 時儲存當前的工作狀態。我決定把當前工作狀態存到cooike中.記錄一下js操作cookie和事件響應 function setcookie name,value 讀取cookies function getcookie name 下面是事件監聽 func...