捕捉瀏覽器關閉、刷新事件不同情況下的處理方法_javascript技巧

在做一些關於會員在線的問題時，往往我們要根據覽器是否關閉來判斷用戶是否下線，然後再從session和application中將此用戶移除。

由於瀏覽器是無狀態的，在這時候捕捉瀏覽器關閉會出現兩種情況：
1.真正的關閉瀏覽器(a.點擊關閉按鈕b.右鍵任務欄關閉c.按alt F4關閉)
2.刷新瀏覽器。

那如何判斷區分這兩種動作呢?

一. Javascript程式碼處理方法：

複製程式碼 程式碼如下:

function window.onbeforeunload()
{
//使用者點擊瀏覽器右上角關閉按鈕或是按alt F4關閉
if(event.clientX>document.body.clientWidth&&event.clientY{
// alert("點關閉按鈕");
document.getElementById("hiddenForm:hiddenBtn").click();
// window.event.returnValue="確定要退出本頁嗎?";
}
//用戶點擊工作欄，右鍵關閉。 s或是按alt F4關閉
else if(event.clientY > document.body.clientHeight || event.altKey)
{
// alert("工作列右鍵關閉");
document.getElementById("hiddenForm:hiddenBtn").click();
// window.event.returnValue="確定要退出本頁嗎?";
}
//其他情況為刷新
else
{
// alert("刷新頁面");
}
}

其中event.clientX 滑鼠遊標X座標
document .body.clientWidth 窗體工作區寬度
event.clientY 滑鼠遊標Y座標
event.altKey 是否按下alt鍵
二.事件捕捉方法：

二.事件捕捉方法： 複製程式碼

程式碼如下:

}
在頁面卸載之前引發onbeforeunload事件，如果使用者選擇「是」即確定卸載頁面將引發onunload事件，否則返回頁面不做任何操作。