如何用JavaScript實作頁面退出前的確認？

頁面退出前的 JavaScript 確認

為了防止使用者在沒有確認的情況下意外離開頁面，可以使用 JavaScript 實作確認視窗。

使用onbeforeunload

onbeforeunload 事件在使用者即將離開頁面時觸發。放置在此事件偵聽器中的程式碼將向使用者顯示確認視窗。如果使用者選擇“確定”，則表示他們打算離開，而選擇“取消”將中斷退出程序。如果使用者選擇留在頁面上，則無法重新導向使用者。

window.onbeforeunload = function() {
  return 'Are you sure you want to leave?';
};

使用jQuery

jQuery 提供了一個簡化的方法來處理beforeunload 事件：

$(window).bind('beforeunload', function(){
  return 'Are you sure you want to leave?';
});

雖然onunload事件通常用於卸載頁面之前的清理任務，但它無法重定向使用者。但是，它對於顯示告別訊息或警告仍然很有用。請注意，Chrome 14 及更高版本會阻止 onunload 內的警報。

window.onunload = function() {
    alert('Bye.');
}

jQuery 實作

以上是如何用JavaScript實作頁面退出前的確認？的詳細內容。更多資訊請關注PHP中文網其他相關文章！