如何彻底禁用beforeunload事件以屏蔽网页离开时的警告提示？

原有方案失效原因 #

window.onbeforeunload = null仅能清除直接给window.onbeforeunload属性赋值绑定的事件，目前主流站点普遍采用addEventListener('beforeunload', 处理函数)的方式注册事件监听器，这类绑定逻辑无法通过覆盖属性值的方式解除，因此会出现旧方案失效的情况。

可用实现方案 #

• 方案1：前置拦截事件注册（适合页面加载初期注入场景）
  提前重写window的addEventListener方法，拦截所有beforeunload事件的注册逻辑，从根源避免提示被触发：

// 缓存原生监听方法
const nativeAddEventListener = window.addEventListener;
window.addEventListener = function (eventName, handler, options) {
  // 直接跳过所有beforeunload事件的注册
  if (eventName === 'beforeunload') return;
  // 其余事件走原生逻辑
  return nativeAddEventListener.call(this, eventName, handler, options);
};

如果是在浏览器扩展中使用，将该脚本设置为document_start阶段注入即可拦截页面自身注册的所有beforeunload事件。

• 方案2：批量移除已注册的监听器（适合页面加载完成后执行场景）
  对于已经完成加载的页面，可以批量移除所有已注册的beforeunload监听器，再兜底清除属性绑定的事件：

// 读取window上所有已注册的beforeunload监听器
const beforeUnloadListeners = getEventListeners(window).beforeunload || [];
beforeUnloadListeners.forEach(item => {
  window.removeEventListener('beforeunload', item.listener, item.useCapture);
});
// 兜底清除属性绑定的事件
window.onbeforeunload = null;

补充说明 #

部分站点会通过定时器反复注册beforeunload事件来绕过单次移除，这种场景可以搭配两种方案同时使用：先重写addEventListener拦截后续注册，再批量移除已存在的监听器，即可彻底屏蔽该类提示。

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