浏览器已限制beforeunload事件的自定义提示，仅显示内置中立提示；需通过isDirty标志判断脏状态后返回字符串触发，推荐用addEventListener绑定，并采用顶部提示栏、二次确认或自动保存等更友好方案替代。
浏览器出于安全和用户体验考虑，已限制 beforeunload 事件的自定义提示能力——你无法设置任意文字，只能显示浏览器内置的标准化提示（如“离开此页面？您输入的数据可能不会被保存。”），且该提示仅在页面有未保存更改等“脏状态”时才可能触发。
基本用法：绑定并返回字符串
只要在事件处理函数中返回一个非空字符串（任何字符串都行），现代浏览器就会在用户尝试关闭标签页、刷新或导航离开时触发内置警告：
- 将
return "确定要离开吗？";写在事件回调里即可（注意不是alert()或confirm()） - 推荐使用
addEventListener绑定，避免覆盖其他监听器 - 示例代码：
<script>
window.addEventListener('beforeunload', function (e) {
e.preventDefault(); // 部分旧版写法，现代浏览器可省略
return '数据尚未保存，确定要离开？'; // 这行触发浏览器默认提示
});
</script>
关键限制：不能自定义提示内容
从 Chrome 51、Firefox 44、Edge 79 起，所有主流浏览器均屏蔽了开发者指定的提示文案。你返回的字符串会被忽略，实际显示的是浏览器统一的中立提示语，且该提示仅在用户主动操作（如点击关闭按钮、按 F5、输入新 URL）时出现，不会在脚本跳转（如 window.location.href = ...）或 iframe 内部导航时生效。
何时该用？如何判断“脏状态”
最佳实践是只在用户确实修改了表单、编辑了富文本、上传了文件但未提交等真实未保存状态下启用该事件：
- 监听
input、change、paste等事件，设置一个isDirty = true标志 - 在表单提交成功或页面初始化完成时重置
isDirty = false -
beforeunload回调中先检查if (isDirty) return '请保存后再离开';，否则不返回任何值（即不触发提示）
替代方案：更友好、更可控的交互
如果需要明确引导用户操作，建议改用以下方式：
- 在页面顶部固定栏显示“⚠️ 您有未保存的更改”，附带“保存”和“放弃”按钮
- 对关键操作（如删除、提交）添加二次确认弹窗（
confirm()或自定义 modal） - 自动保存草稿（localStorage + 定时 debounce），降低用户对“离开警告”的依赖
