使用beforeunload阻止弹窗：Chrome生效Firefox无效的技术问询

嗨，这个问题我之前做项目的时候也踩过坑！其实是不同浏览器对beforeunload事件的处理逻辑有差异导致的：

• Chrome 等部分浏览器支持通过调用e.preventDefault()来触发页面离开提示，但 Firefox 遵循的是更严格的规范，仅靠这个方法是不够的。
• 另外要注意：现在所有主流浏览器都禁用了自定义提示文本，不管你怎么设置，都会显示浏览器自带的提示内容（比如你看到的 Firefox 那段默认文本），这是为了防止恶意网站滥用这个特性。

要实现兼容 Chrome 和 Firefox 的页面离开提示，你需要同时处理preventDefault()和returnValue：

window.addEventListener("beforeunload", function(e) {
  // 兼容 Chrome：阻止默认行为
  e.preventDefault();
  // 兼容 Firefox：设置非空的 returnValue（内容会被浏览器忽略）
  e.returnValue = "";
  // 注意：不需要返回字符串，现在浏览器只会用自带提示
});

为什么你原来的代码在 Firefox 无效？因为 Firefox 要求beforeunload事件处理函数必须设置returnValue为非空值，才会触发离开提示，仅调用preventDefault()不满足它的触发条件。

内容的提问来源于stack exchange，提问作者avinash venkata