快捷導(dǎo)航

判斷用戶的在線狀態(tài) onbeforeunload事件

更新時(shí)間：2011年03月05日 11:51:50 作者：

window.event.clientX和window.event.clientY 將捕捉當(dāng)前事件發(fā)生時(shí)鼠標(biāo)相對(duì)與窗口的桌面坐標(biāo)，通常情況下IE的關(guān)閉按鈕都會(huì)在頁(yè)面的右上部分，所以點(diǎn)關(guān)閉的時(shí)候鼠標(biāo)的坐標(biāo)的Y坐標(biāo)一定是小于0的

獲得用戶登陸狀態(tài)不用說(shuō)了，判斷離開的話就有一點(diǎn)問(wèn)題了，如果說(shuō)用戶都是按照設(shè)計(jì)者的規(guī)定觸發(fā)退出事件離開的話那就沒(méi)什么難度了，但是用戶的離開方式多種多樣，怎么在用戶非法離開的時(shí)候即時(shí)的判斷離開呢？最常見的非法離開就是關(guān)閉瀏覽器了。

復(fù)制代碼代碼如下:

 
<BODY onbeforeunload="body_onUnload()"> 
<script> 
window.onbeforeunload = function() { 
if (window.event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey) 
{ 
alert("瀏覽器關(guān)閉"); 
} 
else 
{ 
alert("刷新或者跳轉(zhuǎn)到其他頁(yè)"); 
} 
} 
</script> 
</BODY> 

以上是一個(gè)片段，BODY 的 UNLOAD和onbeforeunload事件會(huì)在瀏覽器清除所加載的信息時(shí)被觸發(fā)，也就是說(shuō)頁(yè)面在回送、重定向或被關(guān)閉的時(shí)候就會(huì)觸發(fā) ，通過(guò)這個(gè)事件加上JAVASCRIPT處理就可以實(shí)現(xiàn)非法關(guān)閉瀏覽器也即時(shí)統(tǒng)計(jì)在線人數(shù)了。

但是有個(gè)問(wèn)題，怎么判斷用戶是關(guān)閉還是刷新、回送、重定向呢？

window.event.clientX和window.event.clientY 將捕捉當(dāng)前事件發(fā)生時(shí)鼠標(biāo)相對(duì)與窗口的桌面坐標(biāo)，通常情況下IE的關(guān)閉按鈕都會(huì)在頁(yè)面的右上部分，所以點(diǎn)關(guān)閉的時(shí)候鼠標(biāo)的坐標(biāo)的Y坐標(biāo)一定是小于0的，另外，鼠標(biāo)坐標(biāo)的X方向上坐標(biāo)數(shù)值會(huì)大于窗體寬度，所以，從這兩個(gè)條件就可以判斷鼠標(biāo)是不是在點(diǎn)關(guān)閉按鈕引發(fā)的onbeforeload事件。
還有一種關(guān)閉方法是ALT+F4 ，通過(guò)event.altKey就可以判斷，事件發(fā)生的時(shí)候ALT鍵是不是被按下了，這樣也就判斷出了是不是時(shí)候ALT+F4來(lái)關(guān)閉窗口。

不過(guò)也出現(xiàn)一個(gè)問(wèn)題，當(dāng)使用一些特殊的左面主題的時(shí)候關(guān)閉按鈕可觸發(fā)的坐標(biāo)數(shù)值不一定小于窗體寬度，所以，上面例子中的window.event.clientX>document.body.clientWidth這個(gè)條件可以不要.

您可能感興趣的文章: