判断页面关闭的方法 UNLOAD/onbeforeunload
最近一個朋友做在線統計,問我怎么判斷用戶登陸和離開。獲得用戶登陸不用說了,大家都知道,判斷離開的話就有一點問題了,如果說用戶都是按照設計者的規定的范圍觸發退出事件離開的話那就沒什么難度了,但是用戶的離開方式多種多樣,怎么在用戶非法離開的時候既時的判斷離開呢?最常見的非法離開就是關閉瀏覽器了。
===============================================================================
<BODY οnbefοreunlοad="body_onUnload()">
<script>
function body_onUnload()
{
?? 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這個條件可以不要
坐標說明圖:
轉載于:https://www.cnblogs.com/ZetaChow/archive/2005/12/29/2237463.html
總結
以上是生活随笔為你收集整理的判断页面关闭的方法 UNLOAD/onbeforeunload的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 更新一些CAD中比较容易混淆的概念
- 下一篇: spring boot中servlet启