要使用jQuery綁定onbeforeunload
事件,請按照以下步驟操作:
<head>
部分添加以下代碼來引入jQuery:<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
onbeforeunload
事件的函數。例如,可以創建一個名為beforeUnloadHandler
的函數,用于在用戶離開頁面時顯示提示消息:function beforeUnloadHandler() {
return "您確定要離開此頁面嗎?";
}
on
方法將beforeunload
事件綁定到指定的元素(例如window
)上,并將上面創建的beforeUnloadHandler
函數作為事件處理程序。注意,為了兼容不同的瀏覽器,可能需要添加{ return true; }
或{ return false; }
來觸發確認對話框。$(window).on("beforeunload", function() {
return beforeUnloadHandler();
});
現在,當用戶試圖離開頁面時,將會顯示一個確認對話框,詢問他們是否確定要離開。請注意,某些瀏覽器可能會限制或更改默認的確認對話框樣式和行為,因此可能需要根據實際情況進行調整。