判斷用戶的在線狀態 onbeforeunload事件

2019-11-20 23:55:02

字體：大中小

來源：轉載

供稿：網友

獲得用戶登陸狀態不用說了，判斷離開的話就有一點問題了，如果說用戶都是按照設計者的規定觸發退出事件離開的話那就沒什么難度了，但是用戶的離開方式多種多樣，怎么在用戶非法離開的時候即時的判斷離開呢？最常見的非法離開就是關閉瀏覽器了。

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

以上是一個片段，BODY 的 UNLOAD和onbeforeunload事件會在瀏覽器清除所加載的信息時被觸發，也就是說頁面在回送、重定向或被關閉的時候就會觸發，通過這個事件加上JAVASCRIPT處理就可以實現非法關閉瀏覽器也即時統計在線人數了。

但是有個問題，怎么判斷用戶是關閉還是刷新、回送、重定向呢？

window.event.clientX和window.event.clientY 將捕捉當前事件發生時鼠標相對與窗口的桌面坐標，通常情況下IE的關閉按鈕都會在頁面的右上部分，所以點關閉的時候鼠標的坐標的Y坐標一定是小于0的，另外，鼠標坐標的X方向上坐標數值會大于窗體寬度，所以，從這兩個條件就可以判斷鼠標是不是在點關閉按鈕引發的onbeforeload事件。
還有一種關閉方法是ALT+F4 ，通過event.altKey就可以判斷，事件發生的時候ALT鍵是不是被按下了，這樣也就判斷出了是不是時候ALT+F4來關閉窗口。

不過也出現一個問題，當使用一些特殊的左面主題的時候關閉按鈕可觸發的坐標數值不一定小于窗體寬度，所以，上面例子中的window.event.clientX>document.body.clientWidth這個條件可以不要.

上一篇：判斷用戶是否在線的代碼

下一篇：在多個頁面使用同一個HTML片段《續》