jQuery unload() 方法

  • 定义和用法

    unload() 方法在 jQuery 1.8 版本中被废弃,在 jQuery 3.0 版本被移除。
    Firefox 与 Chrome 会阻止弹窗,所以没办法看到效果。
    当用户离开页面时,会发生 unload 事件。
    当发生以下情况下,会触发 unload 事件:
    • 点击某个离开页面的链接
    • 在地址栏中键入了新的 URL
    • 使用前进或后退按钮
    • 关闭浏览器窗口
    • 重新加载页面
    unload() 方法规定当 unload 事件发生时会发生什么。
    unload() 方法只应用于 window 对象。
    注意:unload 事件在不同浏览器中效果不一样,请确保使用前在所有浏览器测试该方法。
  • 语法

    $(selector).unload(function)
  • 参数

    参数 描述
    function 必需。规定当触发 unload 事件时运行的函数。
  • 示例

    下例演示了通过 undelegate() 方法从所有元素移除所有事件处理程序:
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>欢迎来到蝴蝶教程</title>
        //此版本是百度cdn 1.11.1,当然你可以使用更高的版本,从2.0版本以上的是不支持ie6-8的
        <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
        <script>
            $(document).ready(function () {
               $(window).unload(function(){
                  alert("hi 蝴蝶教程!");
               });
            });
        </script>
    </head>
    <body>
           <p><a href="//www.jc2182.com">这个链接</a>, 或者关闭窗口,alert 窗口会弹出。</p>
    </body>
    </html>
    
    尝试一下