关于 onbeforeunload 的最新汇总

onbeforeunload

网上能搜到蛮多相同信息，下面这篇解释的比较清楚：

https://blog.csdn.net/m0_37754657/article/details/77131748

注意点是，标签页关闭不弹窗（下面会讲），除非这是最后一个标签仅剩的标签页，关闭标签等于关闭浏览器，那就弹窗咯。

这里废话点其他的：

https://www.chromestatus.com/feature/5349061406228480  最后更新时间是 2017-06-14

这里讲到chrome 51开始，你自定义的返回字符串将不会被显示，将显示通用提示。

除去chrome ，还有Firefox 4、Opera 38 和Safari 9.1开始，通用确认信息代替事件返回的字符串。出处

原因当然是为了安全。

需要指出，许多浏览器会忽略该事件并自动关闭页面无需用户的确认，不弹窗的解释。

火狐还给你留了一扇窗：在配置页面about:config设有一个dom.disable_beforeunload的开关变量用于开启这个功能。

2018年重写的火狐试过了 ，也是支持配置的。默认 false

总结下，就是自定义字符串不再显示了，甚至有些浏览器连对话框都给你省掉了，当然事件触发还是触发的。

另附一个这个事件的代码汇总，省却你找来找去的麻烦。

// 方法1 window.onbeforeunload = function xxx 系列
1.1
function closeMe(evt) { if (typeof evt == 'undefined') { evt = window.event; } if (evt && evt.clientX >= (window.event.screenX - 150) && evt.clientY >= -150 && evt.clientY <= 0) { return "你怎么自定义也不会显示的字符串"; } } window.onbeforeunload = closeMe; 
1.2
window.onbeforeunload = function(evt) { var message = '你怎么自定义也不会显示的字符串'; if (typeof evt == 'undefined') { evt = window.event; } if (evt) { evt.returnValue = message; } return message; }
1.3
window.onbeforeunload = function (event){  event.returnValue = "你怎么自定义也不会显示的字符串";};
1.4
window.onbeforeunload = function(event) {    var confirmationMessage = '你怎么自定义也不会显示的字符串';    event.returnValue =confirmationMessage;     // Gecko and Trident    return confirmationMessage;};
1.5
window.onbeforeunload = onbeforeunload_handler;
function onbeforeunload_handler() {    var warning = "确认退出?";    return warning;}

// 方法2 
2.1
$(window).bind('beforeunload', function(){ 
    return '你怎么自定义也不会显示的字符串'; 
});
2.2
$(window).on('beforeunload',function(){
    do something here；
    return;
});

// 方法3
3.1
window.addeventlistener("beforeunload", function (e) {
    var confirmationMessage = '你怎么自定义也不会显示的字符串';
    (e || window.event).returnValue = confirmationMessage;
    return confirmationMessage;
});
3.2
window.addEventListener('beforeunload', function(){doit('2')}, false);

相关阅读

关于热更新的一些分享

转自：http://www.jianshu.com/p/853dae4092d7 参考：http://blog.csdn.net/lzyzsd/article/details/49843581参考：https://github.com

关于对电影剧本的文法的简单介绍之范文

　因为文学主要是通过联想产生的，所以它不是一种即时文本。一般来说，文学图像是想象的，电影和电视剧本的图像是用文字介绍的。文学文

关于K12在线教育产品建设的七个观点

我特别喜欢我的一位同事说过的话，就是你自己做出来的教育产品，愿不愿意让你自己的孩子将来也去使用？很多人说做教育产品需要有情怀，但

关于手机店铺在节假日时可以采取的店铺促销活动的策划

　在手机店的假日活动策划中，我应该注意什么？一、选择活动的主题活动的主题是活动的灵魂。每个季节的主题都不同。我们计划时计划活

解密最新关于小说被封的原因和防封方案

之前我们分享过猴子数据开发的几种防封方案。由于产品的不同和运营方式的差异化，仅某一种防封方案并不能满足所有的客户需求，而且随