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.cainiaoya.com">这个链接</a>, 或者关闭窗口，alert 窗口会弹出。</p>
</body>
</html>

尝试一下

定义和用法

语法

参数

示例

相关页面