捕獲瀏覽器關(guān)閉、刷新事件不同情況下的處理方法

2024-05-06 15:47:09

字體：大中小

供稿：網(wǎng)友

在做一些關(guān)于會員在線的問題時，往往我們要根據(jù)覽器是否關(guān)閉來判斷用戶是否下線，然后再從session和application中將此用戶移除，下面與大家分享下具體的捕捉方法

在做一些關(guān)于會員在線的問題時，往往我們要根據(jù)覽器是否關(guān)閉來判斷用戶是否下線，然后再從session和application中將此用戶移除。

由于瀏覽器是無狀態(tài)的，在這時候捕捉瀏覽器關(guān)閉會出現(xiàn)兩種情況：
1.真正的關(guān)閉瀏覽器 (a.點擊關(guān)閉按鈕 b.右擊任務(wù)欄關(guān)閉 c.按alt+F4關(guān)閉)
2.刷新瀏覽器。

那如何判斷區(qū)分這兩種動作呢?

一. Javascript代碼處理方法：

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

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

其中 event.clientX 鼠標(biāo)光標(biāo)X坐標(biāo)
document.body.clientWidth 窗體工作區(qū)寬度
event.clientY 鼠標(biāo)光標(biāo)Y坐標(biāo)
event.altKey 是否按下alt鍵
二. 事件捕捉方法：

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

<body scroll="no" onbeforeunload="return CloseEvent();" onunload="UnLoadEvent()" >
</body>
<script language="JavaScript" type="text/javascript">
var DispClose = true;
function CloseEvent()
{
if (DispClose)
{
return "是否離開當(dāng)前頁面?";
}
}
function UnLoadEvent()
{
DispClose = false;
//在這里處理關(guān)閉頁面前的動作
}
</script>