在做一些關於會員線上的問題時,往往我們要根據覽器是否關閉來判斷使用者是否下線,然後再從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事件,否則返回頁面不做任何操作。