javascript判断网页是关闭还是刷新
原理就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小,根据大小由此判断用户是刷新,跳转或是关闭行为程序
代码如下
window.onunload=function(){ vara_n=window.event.screenX-window.screenLeft; vara_b=a_n>document.documentElement.scrollWidth-20; if(a_b&&window.event.clientY<0||window.event.altKey){ alert('关闭页面行为'); }else{ alert('跳转或者刷新页面行为'); } }
用浏览器右上角的关闭按钮时好用,但在选项卡上关闭和在任务栏上关闭,这个方法就不作用了
js标签只有onloadonunloadonbeforeunload事件,而没有onclose事件。
不管页面是关闭还是刷新都会执行onunload事件。
如何捕捉到页面关闭呢?
页面加载时只执行onload
页面关闭时只执行onunload
页面刷新时先执行onbeforeunload,然后onunload,最后onload。
这样我们可以在onbeforeunload中加一个标记,在onunload中判断该标记,即可达到判断页面是否真的关闭了
更完整的兼容ff
代码如下
<mce:scripttype="text/javascript"><!-- functionclose(evt)//author:sunlei { varisIE=document.all?true:false; evt=evt?evt:(window.event?window.event:null); if(isIE){//IE浏览器 varn=evt.screenX-window.screenLeft; varb=n>document.documentElement.scrollWidth-20; if(b&&evt.clientY<0||evt.altKey){ //alert("是关闭而非刷新"); window.location.href="../include/logout.php"; } else{ //alert("是刷新而非关闭"); returnfalse; } } else{//火狐浏览器 if(document.documentElement.scrollWidth!=0) { //alert("是刷新而非关闭"); //window.location.href="report_list.php?ss=1"; returnfalse; } else{ alert("是关闭而非刷新"); //window.location.href="repost_list.php?ss=0"; //alert("bbbbbbb"); } } } //--></mce:script> <BODYonunload="close(event);">
上面的方法没办法判断多选项卡的浏览器,如360,ie8这种,下面再看
代码如下
functionCloseOpen(event){ if(event.clientX<=0||event.clientY<0){ //获取当前时间 vardate=newDate(); //将date设置为过去的时间 alert("关闭网页"); date.setTime(date.getTime()-10000); //将userId这个cookie删除 document.cookie="zhuangtao;expire="+date.toUTCString(); document.cookie="quanxianzifucuan;expire="+date.toUTCString(); document.cookie="quanxian;expire="+date.toUTCString(); s0+="关闭窗口!";sw=1; onbeforeunload(); //window.event.returnValue='关闭浏览器将退出系统.'; } else { alert("刷新或离开"); } } varcurrentKeyCode=-1; functiondocument.onkeydown(){//本窗口的所有下属页面都必须含有本函数 top.currentKeyCode=event.keyCode; } functiononbeforeunload(){ varsw=0,s0=""; if(currentKeyCode==116) { s0+="刷新窗口!(F5)"; } else { if((event.altKey)&&(currentKeyCode==115)) { s0+="关闭窗口!(alt+F4)";sw=1; //获取当前时间 vardate=newDate(); //将date设置为过去的时间 alert("关闭窗口"); date.setTime(date.getTime()-10000); //将userId这个cookie删除 document.cookie="zhuangtao;expire="+date.toUTCString(); document.cookie="quanxianzifucuan;expire="+date.toUTCString(); document.cookie="quanxian;expire="+date.toUTCString(); } else { if((event.clientX>0)&&(event.clientX<document.body.clientWidth)) { s0+="刷新窗口!"; } else { //获取当前时间 vardate=newDate(); //将date设置为过去的时间 alert("关闭网页"); date.setTime(date.getTime()-10000); //将userId这个cookie删除 document.cookie="zhuangtao;expire="+date.toUTCString(); document.cookie="quanxianzifucuan;expire="+date.toUTCString(); document.cookie="quanxian;expire="+date.toUTCString(); s0+="关闭窗口!";sw=1; } } } if(sw==1) { event.returnValue=""; } else { currentKeyCode=-1; } } <bodyonunload="CloseOpen(event)"></body></html>
上面只有不能使用在任务栏关闭了,基本可以满足我们的要求了。
以上内容就是本文给大家介绍的javascript判断网页是关闭还是刷新,希望大家喜欢。