捕獲瀏覽器關閉、重新整理事件並進行處理

阿新 • • 發佈：2019-01-14

window.onbeforeunload   =   function()

{ var n = window.event.screenX - window.screenLeft; var b = n > document.documentElement.scrollWidth-20; if(b && window.event.clientY < 0 || window.event.altKey) { alert("關閉瀏覽器事件"); //這裡可以放置你想做的操作程式碼 } }

<script language="JavaScript" type="text/javascript">   
window.onbeforeunload = CloseEvent;   
var DispClose = true;   
function CloseEvent()   
{   
    if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){   
    if (DispClose)   
    {   
        return "是否離開當前頁面?";   
    }   
    }   
}   
window.onunload= UnLoadEvent;    
function UnLoadEvent()   
{if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){   
    DispClose = false;   
    //在這裡處理關閉頁面前的動作   
    window.close();   
}   
}   
  
  
</script>   
如果是其他頁面離開的話就不做上面的 window.close處理   
    只要將 onunload 設為null 就可以了 window.onunload= null;    
  
  
  
  
function submittest(){   
//  var pfv = parseInt($("#pf").html());   
    var pfv = 5;   
    if(rms < pfv){   
        $("#dialog-time").html("考試時間不足"+pfv+"秒，不能交卷！");   
        $("#dialog-time").dialog("open");   
    }else{   
        var qf = parseInt($("#qf").html());   
        if(qf>0 && parseInt(lms)){   
            window.onunload= null;    
            $("#dialog-confirm").html("您還有"+qf+"道試題未做，是否繼續交卷！");   
            $("#dialog-confirm").dialog("open");   
        }else{   
            return submital();   
        }          
    }   
}

在做一些關於會員線上的問題時，往往我們要根據覽器是否關閉來判斷使用者是否下線，然後再從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;   
        //在這裡處理關閉頁面前的動作   
    }

在頁面解除安裝之前引發onbeforeunload事件，如果使用者選擇“是”即確定解除安裝頁面將引發onunload事件，否則返回頁面不做任何操作

捕獲瀏覽器關閉、重新整理事件並進行處理

捕獲瀏覽器關閉、重新整理事件並進行處理

捕獲瀏覽器關閉、重新整理事件，在窗體關閉時從全域性物件裡移除當前使用者

vs2017 瀏覽器關閉、js 程式碼導致自動退出除錯狀態

瀏覽器關閉用什麼事件判斷

html頁面關閉、重新整理前提示

js如何實現在監測頁面關閉和重新整理事件

Java實現獲取伺服器日誌並進行處理解析

從日誌中心獲取資料並進行處理和預警

攔截asp.net輸出流並進行處理的方法

STM32F4xx 取得攝像頭資料並進行處理

使用TestNG進行瀏覽器（IE、Chrome、FireFox）並發兼容性測試

js監聽瀏覽器關閉事件(區分重新整理和關閉,相容IE9,10,11,Edge，Chrome和Firefox)

js實現"關閉視窗和瀏覽器事件並消除session會話，

javascript捕獲瀏覽器視窗關閉事件

pushState()、popstate事件配合ajax實現瀏覽器前進後退頁面區域性重新整理

sell01 環境搭建、編寫持久層並進行測試

javascript事件兼容處理以及時間冒牌、捕獲

js 捕獲瀏覽器後退事件

JS——瀏覽器關閉事件

一個實現瀏覽器網頁與本地程序之間進行雙向調用的輕量級、強兼容、可擴展的插件開發平臺—本網通

捕獲瀏覽器關閉、重新整理事件 並進行處理

相關推薦

捕獲瀏覽器關閉、重新整理事件並進行處理