jQuery unload() 方法

实例

离开页面时弹出提醒:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $(window).unload(function(){
  8. alert("Goodbye!");
  9. });
  10. });
  11. </script>
  12. </head>
  13. <body>
  14. <p>当你点击 <a href="https://cankaoshouce.com">这个链接</a>, 或者关闭当前页面, 将弹出一个提示框</p>
  15. </body>
  16. </html>

定义与用法

unload() 方法在 jQuery 1.8 版本中被 弃用,并在 3.0 版本中被 删除

当用户离开页面时,会触发 unload 事件。

unload 事件会在以下情况下触发:

  • 点击了一个链接离开当前页面
  • 在地址栏中输入一个新的 URL 并跳转
  • 使用了 前进/后退 按钮
  • 浏览器窗体被关闭
  • 当前页面被刷新

unload() 方法指定 unload 事件时发生时的事件处理内容。

unload() 方法只能在 windows 窗体对象上使用。

注意: unload 事件在不同浏览器中的工作方式可能不同。在使用之前,请确保在所有浏览器中测试此方法。

语法

  1. $(selector).unload(function)
参数描述
function必填。指定触发 unload 事件时要运行的函数

分类导航