麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 22:40:21
字體：大 中 小
來源：轉載
供稿：網友
在做一些關于會員在線的問題時，往往我們要根據覽器是否關閉來判斷用戶是否下線，然后再從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事件，否則返回頁面不做任何操作。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 午夜视频在线 | 曰批全过程120分钟免费69 | 最新中文字幕在线 | 国产精品午夜未成人免费观看 | 欧美一级成人一区二区三区 | 免费黄网站在线播放 | 韩国精品视频在线观看 | 欧美高清第一页 | 亚洲一区在线免费视频 | 亚洲一级片免费观看 | 激情影院在线观看 | 91久久精品一二三区 | 久久千人斩 | 一级黄色毛片播放 | 国产国语毛片 | 亚洲极色 | 国产精品午夜未成人免费观看 | 成人免费区 | 爱爱视频天天干 | 午夜视频中文字幕 | 成人短视频在线观看免费 | 毛片免费试看 | 久久精品欧美一区二区三区不卡 | 欧美毛片免费观看 | 大学生一级毛片在线视频 | 一级毛片免费高清 | 韩国草草影院 | 欧美a在线观看 | 欧美成人一级 | 黑人一级片视频 | 久久99精品国产99久久6男男 | 免费国产精品视频 | 亚洲午夜精选 | 手机国产乱子伦精品视频 | 俄罗斯16一20sex牲色另类 | 午夜小视频免费观看 | 一级黄色在线观看 | 羞羞视频一区二区 | 色综合久久久久久久粉嫩 | 久热久操 | 国产精品剧情一区二区三区 |