本文是小编总结的一些核心内容,个人感觉对大家有所帮助,具体内容请看下文:
页面加载时只执行onload
页面关闭时只执行onunload
页面刷新时先执行onbeforeunload,然后onunload,最后onload。
经过验证我得出的结论是:
//对于ie,谷歌,360:
//页面加载时只执行onload
//页面刷新时,刷新之前执行onbeforeunload事件,在新页面即将替换旧页面时onunload事件,最后onload事件。
//页面关闭时,先onbeforeunload事件,再onunload事件。
//对于火狐:
//页面刷新时,只执行onunload;页面关闭时,只执行onbeforeunload事件
那么回归正题,到底怎样判断浏览器是关闭还是刷新?我按照网上的各种说法实验千百遍,都未成功,其中各种说法如下:
window.onbeforeunload = function() //author: meizz { var n = window.event.screenx - window.screenleft; var b = n > document.documentelement.scrollwidth-20; if(b && window.event.clienty document.documentelement.scrollwidth-20; if(b && window.event.clienty < 0 || window.event.altkey) { alert(是关闭而非刷新); window.event.returnvalue = ; //这里可以放置你想做的操作代码 }else{ alert(是刷新而非关闭); } }
和
function closeopen(event) {if(event.clientx<=0 && event.clienty-1;//是否是火狐浏览器window.onunload = function (){_gap_time = new date().gettime() - _beforeunload_time;if(_gap_time 0;鼠标在客户区外时,window.event.clienty<0if(b && window.event.clienty document.body.clientheight || event.altkey){关闭浏览器时你想做的事}
这段js能监听到鼠标点击浏览器关闭按钮、浏览器状态栏鼠标右键弹出菜单中的关闭以及各种快捷键。但是双击浏览器坐上角图标关闭浏览器和关闭标签页无法监听。
以上所述是本文的全部内容,写的不好还请各位大侠多多提出宝贵意见。