onbeforeunload事件在页面即将卸载时触发，涵盖关闭窗口、刷新、后退、前进、跳转链接、提交表单、地址栏输入新URL等多种场景；需赋值非空字符串至event.returnValue并返回该值才能激活提示，但自定义文案在Chrome和Firefox中均被忽略或受限。
onbeforeunload 事件触发条件不只限于关闭窗口
离开当前页面时弹出提示框，靠的是 window.onbeforeunload，但它不是“关窗口专用”——刷新、前进、后退、跳转链接、提交表单、甚至地址栏输新 URL 都会触发。只要页面即将卸载（unload），它就可能跑起来。
常见错误是以为只有点击右上角 × 才触发，结果测试时只关标签页，却漏测了 F5 刷新或点击内部链接，导致提示没出现，误判逻辑失效。
- 必须给
window.onbeforeunload赋值函数，返回非空字符串（哪怕只是" "）才能激活提示 - Firefox 只显示浏览器默认文案（如“要离开此页面吗？”），自定义文字会被忽略
- Chrome 和 Safari 在用户有交互（如点击、输入）之后才允许触发；纯自动跳转（如 onload 后 location.href）可能被静默拦截
- 如果页面从未获得过焦点（比如后台标签页中脚本运行），部分浏览器不会弹提示
设置提示文案的兼容写法和限制
不能直接用 return "请保存数据" 就完事。现代浏览器对提示内容做了严格限制：你只能提供一个字符串作为 event.returnValue，且多数情况下这个字符串不显示，或仅作内部标记。
正确写法是同时设置 event.returnValue 和函数返回值：
立即学习“前端免费学习笔记（深入）”；
window.onbeforeunload = function (e) {
e.returnValue = '数据未保存，确定要离开？';
return e.returnValue;
};但要注意：
- 在 Chrome 98+ 中，该字符串仅用于启用提示机制，实际弹窗文案仍由浏览器决定（例如 Chrome 显示“你有未保存的更改”）
- Firefox 完全忽略自定义文本，只显示固定提示
- 如果函数里做了异步操作（比如发个
fetch），不会等待完成——onbeforeunload是同步执行的，异步代码基本无效
如何区分“关闭”和“刷新”行为？
浏览器不提供原生 API 区分关闭与刷新，但可以通过事件属性粗略判断：
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
window.event.clientY 或 <code>window.event.screenX > screen.width - 20 这类坐标检测，在旧版 IE/Chrome 中曾被用来识别“点击右上角”，但2026 年已基本不可靠：多显示器、缩放、全屏模式、触屏设备都会让坐标失效。
更务实的做法是放弃精确区分，改用业务逻辑兜底：
- 把关键数据存在
localStorage，每次输入就存一份，离开时不用等保存完成 - 用
document.onvisibilitychange检测页面是否被隐藏（比如切到其他标签页），提前做轻量缓存 - 如果真要阻止刷新但不禁阻关闭，目前没有稳定方案——两者触发路径在底层是一致的
window.close() 和 onbeforeunload 的关系容易混淆
window.close() 是主动关闭窗口，onbeforeunload 是被动拦截离开。它们互不触发对方，也无因果关系。
典型误区是：给按钮加 onclick="window.close();"，再设 onbeforeunload，以为能弹提示——结果在主窗口里点按钮，window.close() 直接失败（控制台报 Blocked attempt to close window not opened by script），而 onbeforeunload 根本没机会触发。
真正有效的组合只有两种：
- 在
window.open()打开的新窗口中，用window.close()+onbeforeunload提示（因为该窗口有关闭权限） - 在主窗口中，只用
onbeforeunload提示，关闭动作留给用户自己点 × 或 Ctrl+W
试图用 window.location.replace('about:blank') 替代关闭，虽能清空页面，但不会触发 onbeforeunload，也不等于“关掉标签页”——那个空白页还在。
