JavaScript 刷新或关闭网页时弹窗确认

beforeunload事件在当页面关闭或刷新时调用，事件触发的时候弹出一个有确定和取消的对话框，确定则离开页面，取消则继续待在本页。

有两种方法绑定事件，三种方法实现弹窗：

• 通过 window.addEventListener 对 returnValue 赋值

window.addEventListener("beforeunload", function (e) {
    (e || window.event).returnValue = '确定离开此页吗？';
    //注意：这里return方法是不起作用的
});

• 通过 window.onXXXEvent 对 returnValue 赋值

window.onbeforeunload = function(e) {
	(e || window.event).returnValue = '确定离开此页吗？';
}

• 通过 window.onXXXEvent 直接返回提示信息 （推荐）

window.onbeforeunload = function(e) {
	return '确定离开此页吗？'; 
}

IE Edge 对上述方法的支持最好，IE 会显示出自定义的字符串；而 Chrome 和 Firefox 则只会显示默认的提示对话框。

建议使用 window.onXXXEvent 绑定方法，因为该方法在 Chrome 和 Firefox 中无论是刷新还是关闭都会弹窗；而 window.addEventListener 这种绑定方式在关闭选项卡的时候是不提示的！

需要注意的是：上面的方法生效的前题是，打开该网页后，需要鼠标点击一下网页，让网页获取焦点，然后再关闭！！！打开后不点击页面直接关闭或刷新不会触发该方法

从CSDN的源代码可以看出，它使用的也是 onbeforeunload 方法