当前位置: 首页>>代码示例 >>用法及示例精选 >>正文

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()。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。