嘿，这个问题确实挺头疼的——浏览器原生的beforeunload事件天生就会在所有导致页面卸载的场景触发（比如点击链接跳转、刷新页面、地址栏输入新网址，还有关闭窗口），要精准揪出“关闭窗口”这个动作，浏览器本身并没有给我们直接的API，但咱们可以通过一些用户行为追踪的小技巧来实现近似的效果，下面给你两种实用的方案：

方案一：追踪用户主动跳转行为，设置标记区分 #

核心思路是：默认不触发提示，只有当用户没有主动发起跳转/刷新等操作时，才在页面卸载时弹出提示。我们可以监听常见的主动跳转事件，给脚本一个“不用提示”的信号。

// 标记：是否是用户主动发起的页面跳转/刷新
let isUserInitiatedUnload = false;

// 监听所有链接点击（包括<a>标签和嵌套的可跳转元素）
document.addEventListener('click', (e) => {
  let target = e.target;
  // 向上查找父元素，确保找到真正的链接节点
  while (target && target.tagName !== 'A') {
    target = target.parentNode;
  }
  if (target && target.href && target.target !== '_blank') {
    isUserInitiatedUnload = true;
  }
});

// 监听表单提交事件
document.addEventListener('submit', () => {
  isUserInitiatedUnload = true;
});

// 监听F5刷新键和Ctrl+R组合键
document.addEventListener('keydown', (e) => {
  if (e.key === 'F5' || (e.ctrlKey && e.key === 'r')) {
    isUserInitiatedUnload = true;
  }
});

// 监听页面卸载事件
window.addEventListener('beforeunload', (e) => {
  if (!isUserInitiatedUnload) {
    const promptMessage = 'Do you really want to quit without saving?';
    e.returnValue = promptMessage; // 兼容旧版浏览器
    return promptMessage; // 现代浏览器支持返回字符串
  }
  // 重置标记，避免后续操作误判
  isUserInitiatedUnload = false;
});

这个方案能覆盖大部分常见的主动跳转场景，但要注意：如果用户直接在地址栏输入新网址或者用书签跳转，这个标记可能不会触发，不过这种情况相对来说比较少，大部分业务场景下已经够用了。

方案二：桌面端专属——通过鼠标位置判断关闭动作 #

对于桌面端用户，关闭窗口时鼠标通常会移动到浏览器右上角的关闭按钮区域，我们可以通过监听鼠标位置来推测用户是否要关闭窗口：

let isMouseNearCloseBtn = false;

// 监听鼠标移动，判断是否在窗口右上角区域
document.addEventListener('mouseover', (e) => {
  // 这里的坐标可以根据实际浏览器布局调整，比如右上角50x50的区域
  const closeAreaWidth = 50;
  const closeAreaHeight = 50;
  if (e.clientY < closeAreaHeight && e.clientX > window.innerWidth - closeAreaWidth) {
    isMouseNearCloseBtn = true;
  } else {
    isMouseNearCloseBtn = false;
  }
});

window.addEventListener('beforeunload', (e) => {
  if (isMouseNearCloseBtn) {
    const promptMessage = 'Do you really want to quit without saving?';
    e.returnValue = promptMessage;
    return promptMessage;
  }
});

这个方案的局限性比较明显：只适合桌面端，而且不同浏览器的关闭按钮位置可能有差异，需要调整坐标，但可以作为方案一的补充，进一步提升判断的准确性。

重要提醒 #

浏览器出于安全和用户体验的考虑，并没有提供100%精准区分“关闭窗口”和其他卸载事件的方法，所有的方案都是基于用户行为的推测。如果你需要更严谨的判断，可能需要结合后端的状态管理（比如记录用户的操作状态，在页面卸载时通过navigator.sendBeacon发送异步请求，保证请求能成功送达后端）。

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