谷歌浏览器绑定关闭动作实例
由于项目需要监听页面处于打开还是关闭的状态,百度了一些参考,总结如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>实例</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<!--给body绑定关闭时要执行的动作,但是这样谷歌在关闭的时候是不会触发的,不绑定body的动作同样也不会触发-->
<body onunload="closeFunc()">
<script type="text/javascript">
var UnloadConfirm = {};
UnloadConfirm.MSG_UNLOAD = "您确定要离开吗?";
//屏蔽刷新提示
document.onkeydown = function (e) {
var ev = window.event || e;
var code = ev.keyCode || ev.which;
if (code == 116) {
//ev.keyCode ? ev.keyCode = 0 : ev.which = 0;
//cancelBubble = true;
UnloadConfirm.refresh(false);
}
}
UnloadConfirm.set = function(a) {
window.onbeforeunload = function(b) {
b = b || window.event;
b.returnValue = a;
UnloadConfirm.clear();
return '';//一定要return '',不然没反应
}
};
//点浏览器刷新按钮不会弹出提示,按F5才会提示,没这个只要刷新都会提示
UnloadConfirm.refresh = function(bool) {
if(bool){
UnloadConfirm.clear();
}
};
UnloadConfirm.clear = function() {
closeFunc(bool);//ajax通知页面关闭等操作
};
UnloadConfirm.set(UnloadConfirm.MSG_UNLOAD);
</script>
</body>
</html>