unload 事件

類別：事件 > 文件載入
將事件處理常式繫結至「unload」事件，或在元素上觸發該事件。

內容

.on( "unload" [, eventData ], handler )傳回：jQuery

說明：將事件處理常式繫結至「unload」事件。

此頁面描述 unload 事件。有關在 jQuery 3.0 中移除的 .unload() 方法，請參閱 .unload()。

當使用者離開頁面時，會將 unload 事件傳送至 window 元素。這可能表示許多事情之一。使用者可能按一下連結離開頁面，或在網址列中輸入新的網址。前進和後退按鈕會觸發事件。關閉瀏覽器視窗會導致觸發事件。甚至頁面重新載入也會先建立 unload 事件。

unload 事件的確切處理方式因瀏覽器版本而異。例如，某些版本的 Firefox 會在追蹤連結時觸發事件，但不會在關閉視窗時觸發事件。在實際使用中，應在所有受支援的瀏覽器上測試行為，並與類似的 beforeunload 事件進行比較。

任何 unload 事件處理常式都應繫結至 window 物件

1
2
3
 
$( window ).on( "unload", function() {
  return "Handler for `unload` called.";
} );

此事件可用，以便腳本在使用者離開頁面時執行清除作業。大多數瀏覽器會忽略事件處理常式中的 alert()、confirm() 和 prompt() 呼叫。您傳回的字串可能會用於確認對話方塊，但並非所有瀏覽器都支援此功能。無法使用 .preventDefault() 取消 unload 事件。

範例

要在卸載頁面時顯示警示

1
2
3
 
$( window ).on( "unload", function() {
  return "Bye now!";
} );