文章编号：1740 / 更新时间：2024-12-30 16:29:04 / 浏览：次

onbeforeunload 事件在用户尝试离开页面或关闭浏览器时触发。这可以用来提示用户未保存的更改或其他操作，并阻止他们意外离开页面。

语法

    window.onbeforeunload= function() {// 代码要执行};

事件对象

事件对象包含以下属性：

• returnValue ：一个字符串，指定要显示给用户的提示消息。如果为 null ，则不会显示任何消息。
• cancel ：一个布尔值，指示是否取消导航。

示例

以下示例显示一个提示消息，询问用户是否要离开页面，如果尚未保存更改离开吗？";}};以下示例阻止用户离开页面，直到他们确认要离开：

    window.onbeforeunload = function() {return confirm("您要离开吗？");};

注意事项

onbeforeunload 事件在所有浏览器中都可用。如果用户禁用 JavaScript，则 onbeforeunload 事件将不会触发。如果用户在按下“后退”按钮时离开页面，则不会触发 onbeforeunload 事件。

替代方案

可以将 beforeunload 事件监听器添加到 window 对象中，以实现与 onbeforeunload 事件类似的行为：

    window.addEventListener("beforeunload", function(event) {// 代码要执行});

与 onbeforeunload 事件相比，beforeunload 事件监听器具有以下优点：它在所有浏览器中都可用，包括禁用 JavaScript 的浏览器。它在用户按下“后退”按钮时也会触发。

结论

onbeforeunload 事件是一种在用户尝试离开页面时执行代码的强大方法。它可以用来提示用户未保存的更改或其他操作，并阻止他们意外离开页面。但是，请记住，如果用户禁用 JavaScript 或按下“后退”按钮，则事件将不会触发。
相关标签： onbeforeunload、 onBeforeUnmount、 当用户尝试离开页面时触发、 事件、

本文地址：https://www.qianwe.com/article/572d12dd01dab545ca0c.html

上一篇：OrphanRemovalEnsuringDataIntegrityandDat...
下一篇：CSS3现代网页开发的强大工具CSS3现翻书效果...