判斷用戶的在線狀態(tài) onbeforeunload事件
更新時間：2011年03月05日 11:51:50 作者：
window.event.clientX和window.event.clientY 將捕捉當前事件發(fā)生時鼠標相對與窗口的桌面坐標，通常情況下IE的關閉按鈕都會在頁面的右上部分，所以點關閉的時候鼠標的坐標的Y坐標一定是小于0的
獲得用戶登陸狀態(tài)不用說了，判斷離開的話就有一點問題了，如果說用戶都是按照設計者的規(guī)定觸發(fā)退出事件離開的話那就沒什么難度了，但是用戶的離開方式多種多樣，怎么在用戶非法離開的時候即時的判斷離開呢？最常見的非法離開就是關閉瀏覽器了。
<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事件會在瀏覽器清除所加載的信息時被觸發(fā)，也就是說頁面在回送、重定向或被關閉的時候就會觸發(fā) ，通過這個事件加上JAVASCRIPT處理就可以實現(xiàn)非法關閉瀏覽器也即時統(tǒng)計在線人數(shù)了。
但是有個問題，怎么判斷用戶是關閉還是刷新、回送、重定向呢？
window.event.clientX和window.event.clientY 將捕捉當前事件發(fā)生時鼠標相對與窗口的桌面坐標，通常情況下IE的關閉按鈕都會在頁面的右上部分，所以點關閉的時候鼠標的坐標的Y坐標一定是小于0的，另外，鼠標坐標的X方向上坐標數(shù)值會大于窗體寬度，所以，從這兩個條件就可以判斷鼠標是不是在點關閉按鈕引發(fā)的onbeforeload事件。
還有一種關閉方法是ALT+F4 ，通過event.altKey就可以判斷，事件發(fā)生的時候ALT鍵是不是被按下了，這樣也就判斷出了是不是時候ALT+F4來關閉窗口。
不過也出現(xiàn)一個問題，當使用一些特殊的左面主題的時候 關閉按鈕可觸發(fā)的坐標數(shù)值不一定小于窗體寬度，所以，上面例子中的window.event.clientX>document.body.clientWidth這個條件可以不要.
復制代碼 代碼如下:
<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事件會在瀏覽器清除所加載的信息時被觸發(fā)，也就是說頁面在回送、重定向或被關閉的時候就會觸發(fā) ，通過這個事件加上JAVASCRIPT處理就可以實現(xiàn)非法關閉瀏覽器也即時統(tǒng)計在線人數(shù)了。
但是有個問題，怎么判斷用戶是關閉還是刷新、回送、重定向呢？
window.event.clientX和window.event.clientY 將捕捉當前事件發(fā)生時鼠標相對與窗口的桌面坐標，通常情況下IE的關閉按鈕都會在頁面的右上部分，所以點關閉的時候鼠標的坐標的Y坐標一定是小于0的，另外，鼠標坐標的X方向上坐標數(shù)值會大于窗體寬度，所以，從這兩個條件就可以判斷鼠標是不是在點關閉按鈕引發(fā)的onbeforeload事件。
還有一種關閉方法是ALT+F4 ，通過event.altKey就可以判斷，事件發(fā)生的時候ALT鍵是不是被按下了，這樣也就判斷出了是不是時候ALT+F4來關閉窗口。
不過也出現(xiàn)一個問題，當使用一些特殊的左面主題的時候 關閉按鈕可觸發(fā)的坐標數(shù)值不一定小于窗體寬度，所以，上面例子中的window.event.clientX>document.body.clientWidth這個條件可以不要.
相關文章
“算24”是一種游戲，小時候玩過，就是一副撲克，把大王，小王除掉，A算1點J,Q，K都算10點。任意抽4個牌，可以運用+-*/()來進行運算，把最后結果等于24。2008-05-05
主要的區(qū)別是有返回值，一般sub是用來調用大量的內容的時候用sub，對于需要計算并需要返回值的時候用function，多用function定義函數(shù)。2011-01-01
“撩過”c++的對象，“拿捏”了python的對象，那么今天我們看看javascript中的對象到底是什么，看能不能一次性拿下，不行的話就多來幾次，想做“海王”就多物色幾門語言的對象，多new幾個，最終你會發(fā)現(xiàn)都差不多2022-03-03
ECharts是一個使用JavaScript實現(xiàn)的開源可視化庫,涵蓋各行業(yè)圖表,滿足各種需求,下面這篇文章主要給大家介紹了關于Echarts地圖的相關資料,包括地圖樣式、合并地圖、增加地圖,需要的朋友可以參考下2022-06-06
Makefile/cmake/node-gyp中區(qū)分判斷不同平臺的方法
今天小編就為大家分享一篇關于Makefile/cmake/node-gyp中區(qū)分判斷不同平臺的方法，小編覺得內容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2018-12-12
javascript獲取wx.config內部字段解決微信分享
這篇文章主要介紹了javascript獲取wx.config內部字段解決微信分享,需要的朋友可以參考下2016-03-03
圖片輪播組件是一個在網(wǎng)頁中很常見的技術，這篇文章主要為大家詳細介紹了Bootstrap圖片輪播組件使用實例，感興趣的小伙伴們可以參考一下2016-06-06
這篇文章主要介紹了微信jsdk錄音功能的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11
for循環(huán) + setTimeout 結合一些示例(前端面試題）
最近在學習node.js開發(fā)資料，正好碰到了for循環(huán)+settimeout的經(jīng)典例子，下面小編給大家分享for循環(huán) + setTimeout 結合一些示例代碼，需要的朋友參考下吧2017-08-08
有的時候我們希望對類成員(屬性,方法)進行一定的訪問控制,來保證數(shù)據(jù)的安全,通過類修飾符可以做到這一點,目前typescript提供了四種修飾符,這篇文章主要給大家介紹了關于TypeScript只讀修飾符的相關資料,需要的朋友可以參考下2022-04-04