當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文

JQuery .unload()用法及代碼示例


用法 
.unload( handler ) => jQuery

版本已棄用：1.8，已刪除：3.0

說明：將事件處理程序綁定到 "unload" JavaScript 事件。

  • 添加的版本：1.0.unload( handler )

    • handler
      類型：Function(Event eventObject)
      觸發事件時執行的函數。

  • 添加的版本：1.4.3.unload( [eventData ], handler )

    • eventData
      類型：Anything
      將傳遞給事件處理程序的普通數據對象。
    • handler
      類型：Function(Event eventObject)
      每次觸發事件時執行的函數。

注意：這個 API 在 jQuery 3.0 中已經被移除；請使用 .on( "unload", handler ) 而不是 .unload( handler ) 和 .trigger( "unload" ) 而不是 .unload() 。

此方法是 .on( "unload", handler ) 的快捷方式。

當用戶離開頁麵時，unload 事件被發送到 window 元素。這可能意味著許多事情之一。用戶可以單擊鏈接離開頁麵，或者在地址欄中輸入新的 URL。前進和後退按鈕將觸發事件。關閉瀏覽器窗口將導致事件被觸發。即使是頁麵重新加載也會首先創建 unload 事件。

unload 事件的確切處理因瀏覽器版本而異。例如，某些版本的 Firefox 會在點擊鏈接時觸發該事件，但不會在窗口關閉時觸發。在實際使用中，應在所有支持的瀏覽器上測試行為，並與類似的 beforeunload 事件進行對比。

任何 unload 事件處理程序都應綁定到 window 對象：

$( window ).unload(function() {
  return "Handler for .unload() called.";
});

此事件可用，以便腳本可以在用戶離開頁麵時執行清理。大多數瀏覽器會忽略事件處理程序中對 alert() 、 confirm() 和 prompt() 的調用。您返回的字符串可能會在確認對話框中使用，但並非所有瀏覽器都支持這一點。無法使用 .preventDefault() 取消 unload 事件。

其他注意事項：

  • 由於 .unload() 方法隻是 .on( "unload", handler ) 的簡寫，因此可以使用 .off( "unload" ) 進行分離。

例子：

卸載頁麵時顯示警報：

$( window ).unload(function() {
  return "Bye now!";
});

相關用法


注：本文由純淨天空篩選整理自jquery.com大神的英文原創作品 .unload()。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。