前端js在頁面關閉前觸發事件

2021-10-19 07:53:59 字數 790 閱讀 3540

功能需求:前端在關閉頁面時觸發事件請求後台進行類似日誌記錄的東西,或者儲存當前頁面某些資料

解決方法:

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...