JavaScript HTML DOM onbeforeunload 事件

onbeforeunload 事件

当文档即将卸载时，会发生onbeforeunload事件。此事件允许您在确认对话框中显示消息，以通知用户是要留下还是离开当前页面。默认消息显示在确认框中，在不同的浏览器中有所不同。但是，标准消息类似于“您确定要离开此页面吗？”。无法删除此消息。但是，您可以将自定义消息与默认消息一起编写。请参阅此页面上的第一个示例。

注意：这仅适用于Internet Explorer。

注意：如果未将onbeforeunload事件分配给<body>元素，则必须在window对象上分配/附加事件，并使用returnValue属性创建自定义消息（请参阅下面的语法示例）。

在即将卸载页面时执行JavaScript：

<body onbeforeunload="return myFunction()">

尝试一下

浏览器支持

项	IE/Edge	Chrome	FireFox	Safari	Opera
事件
onbeforeunload	支持	支持	支持	支持	支持

语法

在HTML中：

在JavaScript中：

object.onbeforeunload = function(){myScript};

在JavaScript中，使用addEventListener()方法：

object.addEventListener("beforeunload", myScript);

注意:在Internet Explorer 8和更早版本不支持使用addEventListener()方法。

技术细节

项目	描述
冒泡：	没有
取消：	可以
事件类型：	如果从用户界面生成则属于UiEvent，否则为Event
支持的HTML标记：	<body>
DOM版本	DOM Event Level 2

JavaScript HTML DOM onbeforeunload 事件

onbeforeunload 事件

浏览器支持

语法

技术细节

相关页面