jQuery 事件 - unload 属性 概述
jQuery 2022-06-01 12:12:55小码哥的IT人生shichen
jQuery 事件 - unload 属性
实例
当用户点击链接离开本页时，弹出一个消息框：
$(window).unload(function(){
alert("Goodbye!");
});
完整实例：
<html>
<head>
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(window).unload(function(){
alert("再见！");
});
});
</script>
</head>
<body>
<p>当您点击 <a href="http://www.phpcodeweb.com">这个链接</a> 时，或者关闭窗口，会触发一个警告框。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
当用户离开页面时，会发生 unload 事件。
具体来说，当发生以下情况时，会发出 unload 事件：
- 点击某个离开页面的链接
- 在地址栏中键入了新的 URL
- 使用前进或后退按钮
- 关闭浏览器
- 重新加载页面
unload() 方法将事件处理程序绑定到 unload 事件。
unload() 方法只应用于 window 对象。
语法
event.unload(function)
| 参数 | 描述 |
|---|---|
| function | 必需。规定当触发 unload 事件时运行的函数。 |
