首頁 > 開發者 > JavaScript
在做一些關於會員線上的問題時，往往我們要根據覽器是否關閉來判斷使用者是否下線，然後再從session和application中將此使用者移除。
由於瀏覽器是無狀態的，在這時候捕捉瀏覽器關閉會出現兩種情況：
1.真正的關閉瀏覽器 (a.點擊關閉按鈕 b.右擊工作列關閉 c.按alt+F4關閉)
2.重新整理瀏覽器。
那如何判斷區分這兩種動作呢?
一. Javascript代碼處理方法：
複製代碼 代碼如下:
function window.onbeforeunload()
{
//使用者點擊瀏覽器右上方關閉按鈕或是按alt+F4關閉
if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey)
{
// 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鍵
二. 事件捕捉方法：
複製代碼 代碼如下:
<body scroll="no" onbeforeunload="return CloseEvent();" onunload="UnLoadEvent()" >
</body>
<script language="JavaScript" type="text/javascript">
var DispClose = true;
function CloseEvent()
{
if (DispClose)
{
return "是否離開當前頁面?";
}
}
function UnLoadEvent()
{
DispClose = false;
//在這裡處理關閉頁面前的動作
}
</script>
在頁面卸載之前引發onbeforeunload事件，如果使用者選擇“是”即確定卸載頁面將引發onunload事件，否則返回頁面不做任何操作。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
