您好,欢迎访问一九零五行业门户网

javascript如何判断浏览器关闭和事件捕捉代码详解

由于浏览器是无状态的,在这时候捕捉浏览器关闭会出现两种情况:
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如何判断浏览器关闭和事件捕捉代码详解的详细内容。
其它类似信息

推荐信息