1.背景:
有些网页,在刷新或者关闭时,会有提示,需要确认之后才会继续用户的操作。这中功能主要有两种场景,一种是正在编辑中的网页,为了防止用户误操作导致网页关闭需要进行这种二次确认,另一种,是在网页销毁时,需要做一些动作,如上报信息等等。这时需要这个二次确认框来拖延时间。我在做项目时,遇到了第二种场景。
2.代码:
参考博客:http://blog.csdn.net/zollty/article/details/48420573
window.addEventListener("beforeunload", function (e) {
var confirmationMessage = '确定离开此页吗?本页不需要刷新或后退';
(e || window.event).returnValue = confirmationMessage; // Gecko and Trident
return confirmationMessage; // Gecko and WebKit
});
3.注意:
不是所有的浏览器都支持,像微信、QQ等移动端浏览器就不支持这个监听。所以业务上还需要再采用其他辅助方案。