HTML Onbeforeunload 事件属性|用户离开或刷新页面时触发

由 hcduguo

HTML事件属性

定义与用法

  • 即将卸载文档时，将触发onb​​eforeunload事件。
  • 此事件可以在确认对话框中显示一条消息，以通知用户停留还是离开当前页面。
  • 此事件使您可以在确认对话框中显示一条消息，以通知用户他/她想停留还是离开当前页面。

提示：在Firefox中，仅显示默认消息（不显示自定义消息（如果有））。

语法格式

<element onbeforeunload=”script“>

示例代码

<!DOCTYPE html>
<html>
  <head>
    <title>奔月教程(Runoon.com)</title>
  </head>
  <body onbeforeunload="return myFunction()">
    <p>关闭此窗口，按F5或单击下面的链接来调用onbeforeunload事件。</p>
    <a href="/">点击这里进入Runoon.com</a>
    <script>function myFunction() {
        return "在这里写点什么东西……";
      }</script>
  </body>
</html>

效果展示：

奔月教程(Runoon.com)

关闭此窗口，按F5或单击下面的链接来调用onbeforeunload事件。

点击这里进入Runoon.com

浏览器支持

表格中的数字指定了完全支持该事件的第一个浏览器版本。

事件属性
onbeforeunloadYesYesYesYes 15.0

属性值

值描述
script在onbeforeunload中执行的脚本。

技术细节

支持的HTML标签：<body>

相关页面

HTML DOM参考：onbeforeunload事件

HTML事件属性

相关