由于浏览器是无状态的,在这时候捕捉浏览器关闭会出现两种情况:
1.真正的关闭浏览器 (a.点击关闭按钮 b.右击任务栏关闭 c.按alt+f4关闭)
2.刷新浏览器。
那如何判断区分这两种动作呢?
javascript代码处理方法:
function window.onbeforeunload()
{
//用户点击浏览器右上角关闭按钮或是按alt+f4关闭
if(event.clientx>document.body.clientwidth&&event.clienty<0||event.altkey)
{
// alert("点关闭按钮");
document.getelementbyid("hiddenform:hiddenbtn").click();
// window.event.returnvalue="确定要退出本页吗?";
}
//用户点击任务栏,右键关闭。s或是按alt+f4关闭
else if(event.clienty > document.body.clientheight || event.altkey)
{
// alert("任务栏右击关闭");
document.getelementbyid("hiddenform:hiddenbtn").click();
// window.event.returnvalue="确定要退出本页吗?";
}
//其他情况为刷新
else
{
// alert("刷新页面");
}
}
其中 event.clientx 鼠标光标x坐标
document.body.clientwidth 窗体工作区宽度
event.clienty 鼠标光标y坐标
event.altkey 是否按下alt键
事件捕捉方法:
<body scroll="no" onbeforeunload="return closeevent();" onunload="unloadevent()" >
</body>
<script language="javascript" type="text/javascript">
var dispclose = true;
function closeevent()
{
if (dispclose)
{
return "是否离开当前页面?";
}
}
function unloadevent()
{
dispclose = false;
//在这里处理关闭页面前的动作
}
</script>
在页面卸载之前引发onbeforeunload事件,如果用户选择“是”即确定卸载页面将引发onunload事件,否则返回页面不做任何操作。
以上就是javascript如何判断浏览器关闭和事件捕捉代码详解的详细内容。