大家好，欢迎来到IT知识分享网。

JavaScript 代码添加了一个 beforeunload 事件监听器，提示用户在关闭标签页或浏览器窗口时确认离开，尝试关闭这个标签或浏览器窗口，你会看到提示消息。

写在前面，谷歌浏览器下可能会浏览器安全策略当做恶意弹窗拒绝执行，可以留意下浏览器动态。另外自定义的文案可能不能展示，浏览器会使用默认的弹窗文案。

代码示例如下：很简单的demo，请拿走吧。

    
    
    
    


    
Before Unload Example
    
尝试关闭这个标签或浏览器窗口，你会看到提示消息。

关键代码示意：

1. window.addEventListener(‘beforeunload’, function (e) { … });：为 beforeunload 事件添加一个监听器，触发时会执行其中的函数。
2. e.preventDefault();：调用 preventDefault 方法，这是现代浏览器处理 beforeunload 事件的标准方法。
3. e.returnValue = confirmationMessage;：设置 returnValue 属性，这在某些浏览器中是必须的。
4. return confirmationMessage;：返回消息，这对于一些浏览器也是必需的，以确保提示消息能够显示。

这段代码做了一些兼容，适配多数浏览器，可以确保大多数情况下都能正确提示用户。

调试效果：

• 谷歌浏览器-挽留弹窗

谷歌浏览器-挽留弹窗

• 火狐浏览器-挽留弹窗

火狐浏览器-挽留弹窗