Chrome关闭提示？jquery 关闭窗口时显示确认导航 window.onbeforeunload

最新推荐文章于 2025-02-20 17:25:00 发布

OkidoGreen

最新推荐文章于 2025-02-20 17:25:00 发布

阅读量9.1k

点赞数

分类专栏： Javascript-Jquery

本文链接：https://blog.csdn.net/z69183787/article/details/16097871

版权

Javascript-Jquery 专栏收录该内容

65 篇文章

订阅专栏

本文介绍如何在用户离开页面前通过beforeunload事件进行对象销毁、事件解除绑定等清理工作，并展示了在不同浏览器环境下（如火狐、Chrome、IE10）unload事件与beforeunload事件的应用区别及实现方法。特别强调了beforeunload事件的自动弹出框功能，以及如何正确设置返回值以触发该功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

unload事件在火狐和Chrome中对alert是阻止弹出的，所以你的代码看不到效果。
详见： http://stackoverflow.com/questions/6063522/jquery-beforeunload

但unload事件可以进行一些对象销毁，事件解除绑定等清理工作，这通常是难以看到的。

在IE10中，刷新可以看到弹出alert。

如果你想在用户离开页面之前确认是否离开，最好使用beforeunload事件在beforeunload事件里，不需要alert，该事件会自动产生一个弹出框，
就算你加了alert也是没效果的。
另外，要使beforeunload事件能自动弹出框，必须得有返回值，如：

1

2

3

4

5

$(window).on('beforeunload', function(event) {
var message = 'I’m really going to miss you if you go.';
event.returnValue = message;
return message;
});

上面的代码可以达到关闭、点击链接、输入地址都窗口弹出框的效果。
把返回值message设为你想显示的信息