javascript 关闭页面时清除session

来源：互联网发布：excel大于小于筛选数据编辑：程序博客网时间：2024/06/07 22:58

关闭页面时的触发条件网上很多，但是几乎没有真正好用的，但是基本思路都是用window.onbeforeunload来实现，但是由于浏览器的版本不同，是否支持小页签，刷新和关闭都会调用onbeforeunload和onunload方法，导致大部分网上的资料都不能有效的判断当前页面是刷新还是关闭。

以下为我写的一个方法，至少ie6，ie7，ie8支持

window.onbeforeunload=function()
{
  if((event.clientX > document.body.clientWidth-20 && event.clientY<0) || (!(event.clientY<-30)&& (event.clientY <0))|| event.altKey)
  {
     alert（"关闭页面"）;
  }

else{

alert("刷新页面");

}
}

这个方法中if条件没有判断按键F5刷新，如果需要可以自己添加，因为我的系统要求屏蔽F5按键刷新的，所以我不做考虑。

其实这个方法很简单，原则就是判断鼠标的位置：

event.clientX：鼠标在IE中的X轴位置

event.clientY：鼠标在IE中的Y轴位置

document.body.clientWidth：客户端IE宽度

当点击IE右上角的红叉的时候，我用（event.clientX > document.body.clientWidth-20 && event.clientY<0）来判断，其中event.clientX > document.body.clientWidth-20 表示鼠标在IE关闭按钮红叉竖着的这一列，event.clientY<0又表示鼠标的位置在IE的上面，所以能判断出是点击关闭的操作；同时(!(event.clientY<-30)&& (event.clientY <0))是对IE7、8等有小页签来做判断的，表示鼠标在IE的上面有小页签的这一排做的操作，这一排是没有刷新按钮的，所以可以判断是点的关闭小页签。

这个方法对遨游无效，其他浏览器没有做验证，有人做过验证的话希望能完善这个方法。