onbeforeunload仅点击窗口后触发，需无交互时刷新/关闭标签失效会话

我之前也碰到过类似的Firefox下的问题，其实这是Firefox的一个有意设计——为了避免恶意网站滥用beforeunload事件，默认情况下未被用户激活过（也就是没点击过）的标签页，beforeunload会被限制触发。不过我们可以通过其他事件组合来实现你的需求，下面是具体方案：

核心方案：结合visibilitychange事件 + sendBeacon #

visibilitychange事件不受页面是否被交互激活的限制，只要标签页的可见状态变化（比如关闭、切换到其他标签、最小化窗口）都会触发，非常适合用来处理会话失效逻辑。再搭配navigator.sendBeacon()方法，可以确保会话失效的请求不会被浏览器中断。

代码示例：

// 监听页面可见性变化，覆盖未交互标签页的关闭/切换场景
document.addEventListener('visibilitychange', function() {
  if (document.visibilityState === 'hidden') {
    // 执行会话失效操作
    invalidateUserSession();
  }
});

// 保留beforeunload作为兜底，覆盖用户主动刷新/关闭已交互标签页的场景
window.addEventListener('beforeunload', function(e) {
  invalidateUserSession();
  // Firefox需要设置returnValue才能触发事件流程（不需要实际提示文本）
  e.preventDefault();
  e.returnValue = '';
});

function invalidateUserSession() {
  // 使用sendBeacon发送会话失效请求，避免被浏览器中断
  const sessionData = JSON.stringify({ sessionId: '你的会话ID' });
  navigator.sendBeacon('/api/invalidate-session', sessionData);
}

为什么用sendBeacon？ #

普通的fetch或XMLHttpRequest在页面卸载阶段很容易被浏览器取消，而sendBeacon是浏览器专门为这种“页面卸载时发送数据”的场景设计的，它会异步发送请求，不会阻塞页面卸载，成功率更高。

可选（不推荐）：主动让页面获取焦点 #

如果你一定要强制beforeunload在未交互时触发，可以尝试页面加载完成后主动获取焦点，但这个方法可能影响用户体验，而且在某些浏览器环境下会被阻止：

window.addEventListener('load', function() {
  window.focus();
});

针对你使用的Firefox 59.0.2版本，visibilitychange和sendBeacon都是完全支持的，所以核心方案可以直接生效。

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