前端頁面關閉事件 beforeunload

2021-10-10 18:44:50 字數 762 閱讀 5584

頁面載入時只執行onload

頁面關閉時先執行onbeforeunload,最後onunload

頁面重新整理時先執行onbeforeunload,然後onunload,最後onload。

beforeunload

// js

window.onbeforeunload = function()

// jq

$(window).on("beforeunload",function())

unload
// js

window.onunload = function()

// jq

$(window).on("unload",function())

在當頁面關閉或重新整理時呼叫

在當前標籤頁開啟新頁面 呼叫

在新標籤頁開啟新頁面 不呼叫

詢問框提示語不可自定義 好像是之前出現過漏洞 詐騙之類的

所以自定義無效 只能使用預設

return 是為了彈出詢問框

彈出詢問框

需要頁面有互動 方法才有效

頁面開啟直接重新整理或者關閉不會觸發 詢問框

return 之前的方法不受影響 依然可以呼叫

因為頁面關閉速度過快

做測試的話 可以使用這個方法 放在console.log 後面做測試

// 睡眠

function sleep(numbermillis)

}

頁面關閉事件 錨事件

onhashchange 事件在當前 url 的錨部分 以 號為開始 發生改變時觸發 錨部分的例項 指定當前 url 為 這個 url 中的錨部分為 part2。你可以使用以下方式呼叫事件 onbeforeunload 事件在即將離開當前頁面 重新整理或關閉 時觸發。該事件可用於彈出對話方塊,提示使...

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

功能需求 前端在關閉頁面時觸發事件請求後台進行類似日誌記錄的東西,或者儲存當前頁面某些資料 解決方法 1.使用window.onbeforeunload window.onbeforeunload function 2.使用window.addeventlistener監聽beforeunload事...

瀏覽器關閉事件頁面處理

開發中遇到問題 業務希望關閉瀏覽器後後台能夠得到使用者已經離開系統操作訊息,因為這個訊息將會觸發在其他業務系統中功能,所以在實時性上有要求。需求分析 1 js通過繫結onbeforeunload事件在觸發時候呼叫ajax傳送請求到伺服器,但是實際上頁面物件已經釋放了,那麼在ajax還沒有傳送成功時候...