在onbeforeunload
事件中,您可以使用JavaScript的confirm()
函數來提示用戶確認離開頁面。下面是一個簡單的示例:
window.addEventListener('beforeunload', function (event) {
// 設置確認對話框的消息文本
var confirmationMessage = '您確定要離開此頁面嗎?';
// 兼容不同瀏覽器的處理方式
event.returnValue = confirmationMessage; // 標準的現代瀏覽器
return confirmationMessage; // 較舊的Internet Explorer(IE8 及更早版本)
});
這段代碼會在用戶試圖離開頁面時彈出一個確認對話框,詢問用戶是否確定離開。如果用戶點擊“確定”,則頁面將正常跳轉;如果用戶點擊“取消”,則頁面將停留在當前狀態。請注意,某些瀏覽器可能會對onbeforeunload
事件的處理方式進行限制,以提升用戶體驗。