Chrome中window.onbeforeunload二次失效及63版本不生效问题求助

先给你拆解下问题的核心原因——Chrome对onbeforeunload事件的行为限制，和IE的处理逻辑差异很大，这也是你遇到问题的关键：

Chrome版本60+的关键限制 #

Chrome从60版本开始，为了阻止恶意网站滥用这个事件，做了两个硬性规则：

• 必须有用户交互：如果用户没和页面发生过任何交互（比如点击、输入、滚动都没有），哪怕你写了事件逻辑，浏览器也不会弹出提示框。
• 忽略自定义提示文本：不管你return的是什么内容（比如你写的"Hi"），Chrome都会替换成浏览器默认的提示（类似"Changes you made may not be saved."），所以自定义文本在Chrome里完全无效，但IE还保留了支持自定义文本的特性。

解决第二次触发失效的问题 #

你遇到的首次选择"Leave Page"后第二次触发失效，大概率是因为直接覆盖window.onbeforeunload的方式不够稳定，容易被浏览器状态缓存或其他脚本干扰。推荐用addEventListener绑定事件，这种方式更可靠：

// 先移除旧的绑定（避免重复绑定）
window.removeEventListener('beforeunload', handleBeforeUnload);
// 绑定稳定的事件处理函数
window.addEventListener('beforeunload', handleBeforeUnload);

function handleBeforeUnload(e) {
  // 必须取消默认行为，这是触发提示的前提
  e.preventDefault();
  // Chrome要求必须设置returnValue才能弹出提示框
  e.returnValue = '';
  // 返回空字符串即可，自定义文本不会被显示
  return '';
}

另外要注意：如果用户第一次选择了"Leave"，页面已经进入卸载流程，这时候再触发onbeforeunload是无效的——因为页面已经在关闭进程中了。只有当用户选择"Stay"回到页面后，再次尝试关闭标签页，事件才会重新触发。

额外提醒 #

• 不要在页面刚加载完成就直接绑定事件却无用户交互：比如页面刚打开就关闭，Chrome不会触发提示，必须等用户有点击、输入这类交互行为后才会生效。
• 别在事件处理函数里写异步代码：onbeforeunload是同步事件，异步逻辑不会执行，还可能导致提示框无法弹出。

内容的提问来源于stack exchange，提问作者Arunkumar Vijayakumar