首頁 > web前端 > js教程 > 捕捉瀏覽器關閉、刷新事件不同情況下的處理方法_javascript技巧

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

WBOY
發布: 2016-05-16 17:33:00
原創
1376 人瀏覽過

在做一些關於會員在線的問題時,往往我們要根據覽器是否關閉來判斷用戶是否下線,然後再從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事件,否則返回頁面不做任何操作。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板