如何用 beforeunload 事件在用户关闭页面前弹出警告提示

浏览器已限制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 内部导航时生效。 SnapEdit AI移除图片中的任何物体