頁面退出前的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

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

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

jQuery 實作

$(window).unload(function(){
  alert('Bye.');
});