導航:首頁 > 編程語言 > js監聽窗口關閉事件

js監聽窗口關閉事件

發布時間:2023-05-16 23:53:46

A. javascript判斷網頁是關閉還是刷新

刷新:
//對於ie,谷歌,360:

//頁面載入時只執行onload
//頁面刷新時,刷新之前執行onbeforeunload事件,在新頁面即將替換舊頁面時onunload事件,最後onload事件。
//頁面關閉時,先onbeforeunload事件,再onunload事件。

//對於火狐:

//頁面刷新時,只執行onunload;頁面關閉時,只執行onbeforeunload事件
刷新的時候先onbeforeunload,然後取服務端請求數據,在新頁面即將替換舊頁面時onunload事件,而頁面關閉時,先onbeforeunload事件,再立即onunload事件。那麼在刷新的時候,onbeforeunload與onunload之間的時間肯定比關閉的時候時間長,經過測試確實如此。

關閉:
使用onunload或onbeforeunload可以監聽瀏覽器關閉事件,但是無法區分關閉與刷新。以下js代碼可以部分監聽關閉瀏覽器的事件!

//滑鼠相對於用戶屏幕的水平位置 - 窗口左上角相對於屏幕左上角的水平位置 = 滑鼠在當前窗口上的水平位置
var n = window.event.screenX - window.screenLeft;
//滑鼠在當前窗口內時,n<m,b為false;滑鼠在當前窗口外時,n>m,b為true。20這個值是指關閉按鈕的寬度
var b = n > document.documentElement.scrollWidth-20;
//滑鼠在客戶區內時,window.event.clientY>0;滑鼠在客戶區外時,window.event.clientY<0
if(b && window.event.clientY < 0 || window.event.altKey || window.event.ctrlKey){
關閉瀏覽器時你想做的事
}else if(event.clientY > document.body.clientHeight || event.altKey){
關閉瀏覽器時你想做的事
}

這段js能監聽到滑鼠點擊瀏覽器關閉按鈕、瀏覽器狀態欄滑鼠右鍵彈出菜單中的關閉以及各種快捷鍵。但是雙擊瀏覽器坐上角圖標關閉瀏覽器和關閉標簽頁無法監聽。

B. js 怎麼監聽到頁面關閉或頁面跳轉事件

js 監聽到頁面關閉或頁面跳轉事件。

javascript捕獲窗口關閉事件有兩回種方法答 onbeforeunload(),onUnload() 用法有兩種:

1. function
window.onbeforeunload() { alert("遠標培訓為您關閉窗口")} function
window.onunload() { alert("遠標培訓為您關閉窗口")}

2.Onunload,onbeforeunload都是在刷新或關閉時調用,可以在<script>腳本中通過window.onunload來指定或者在<body>里指定。

區別在於onbeforeunload在onunload之前執行,它還可以阻止onunload的執行。

C. js 怎麼監聽到頁面關閉或頁面跳轉事件

給個思路,不知道是否可行
在頁面上做一個ajax,定期訪問伺服器,當在指定時間內回不能接收到頁面的ajax心跳,認為答瀏覽器關閉了

頁面跳轉的監聽,全部使用自定定義的js函數,好象是window.location = url,url是你要跳轉的頁面,這樣執行到這個函數時,你就知道用戶要跳轉頁面,然後在這個函數里做操作

D. 監聽瀏覽器關閉事件

# 1: 監聽瀏覽器關閉事件  ---  後台刪用戶登錄信息    ---   IE不可用

.jsp :

.java :

window.onbeforeunload=function(){

   alert( "您確定退出嗎?");

}

window.onbeforeunload=function(){

   return "您確定退出嗎?";

}

頁面載入時只執行onload

頁面關閉時只執行onunload

頁面刷新時先執行onbeforeunload,然後onunload,最後onload。

前輩的結論是:

//對於ie,谷歌,360:

--  頁面載入時態慎只執行onload

--  頁面刷新時,刷新之前執行onbeforeunload事件,在新頁面即將替換舊頁面時onunload事件,最後onload事件。

-- 頁面關閉時,先onbeforeunload事件,再onunload事件。

//對於火狐:

-- 頁面刷新時,只執行纖陵onunload;

-- 頁面關閉時,只執行帆豎敬onbeforeunload事件

E. 如何用js監聽瀏覽器頁面的關閉/刷新事件

首先判斷瀏覽器的抄類型,簡便可用navigator.userAgent()獲取瀏覽器的字元串,與瀏覽器類型做查找即可。
目前對Chrome和firfox區分關閉和刷新成功。
瀏覽器為firfox時flag為false,Chrome為true。
window.onload(){
window.onunload = function() {
if(flag){
console.log('關閉操作');
}
else {
console.log('刷新操作');
}
};
window.onbeforeunload = function () {
if(!flag){
console.log('關閉操作');
}
else{
console.log('刷新操作');
}
};
}

F. JS window.open()打開新窗口、監聽新窗口關閉事件

使用 window 對象的 open() 方法可以打開一個新窗口。用法如下:

參數列表如下:

使用 window.closed 屬性可以檢測當前窗口是否關閉,如果關閉則返回 true,否則返回 false。
下面是一個監聽當前新開頁面該窗口的打開關閉狀態的示例

參考: https://blog.csdn.net/HeXinT/article/details/125412106

G. JS有什麼方法可以監聽360瀏覽器的關閉事件急急急急!!請大家幫幫忙啊

JS本身最高事件等級到window級,你可以對window進行onunload等監聽來判斷是否關掉當前瀏覽器窗口。
對於以前的單一窗口管理模式,關閉瀏覽器窗口即關閉應用程序窗口,是可以做到的。
但是現在都是多窗口管理模式,消息機制的分發不是由瀏覽器發起的,而是應用程序本身。拿360瀏覽器為例,是winAPI對窗口消息進行管理,到了js層面的window對象只是一個widget而已。所以,除非你能拿到此瀏覽器所用的jscore代碼,自己注入操作系統的窗口管理api進行js擴展,否則是不能實現的。

H. js如何監聽窗口的關閉

js關閉瀏覽器窗口

js關閉瀏覽器窗口,不彈出提示框。支持ie6+,火狐,谷歌等內瀏覽器。
<html>
<head/>
<body>
<scripttype="text/javascript">
functioncloseWin(){
window.opener=null;//window的opener對象置容為null
window.open('','_self','');//本頁面刷新
window.close();//窗口關閉
}
</script>
<!--點擊事件觸發-->
<aonclick="closeWin()"href="#">logout</a>
</body>
</html>


I. js 怎麼監聽到頁面關閉或頁面跳轉事件

js 怎麼監聽到頁面關閉或頁面跳轉事件,以下介紹方法:

//在頁面關閉或者跳轉的時候專調用屬

window.onbeforeunload = function (e) {

return e.returnValue = '確認關閉?';

}

window.onunload = function () {

//這個執行完onbeforeunload 會調用該function,

//alert()是不會有彈出的。

}

調用上面的代碼,用谷歌瀏覽器關閉瀏覽頁面或者跳轉頁面都會彈出下面頁面詢問。

注意:刷新的時候也會彈出詢問,這監控也把刷新當成重新打開頁面相當跳轉。

J. JS中監聽瀏覽器窗口關閉事件

試試將window.onbeforeunload = onbeforeunload_handler;改成
window.onbeforeunload = onbeforeunload_handler();//加上括弧,代表調用版執行權

閱讀全文

與js監聽窗口關閉事件相關的資料

熱點內容
炫酷字體APP下載的文件在哪裡 瀏覽:668
廊坊哪裡有少兒編程機構 瀏覽:312
cad新文件能找回來嗎 瀏覽:951
導出手機qq文件到u盤 瀏覽:456
電腦如何打開ppt文件怎麼打開方式 瀏覽:782
魅族鎖定區文件夾 瀏覽:357
刻字cnc怎麼編程 瀏覽:182
學校的網路拓撲結構圖 瀏覽:784
收集100個pdf文件里關鍵詞 瀏覽:594
蘋果關閉4g網路設置 瀏覽:289
如何監測資料庫 瀏覽:967
拷貝過來的pdf文件 瀏覽:751
抖音小店的訪客數據怎麼看 瀏覽:670
怎麼把c語言編程的字元向下移動 瀏覽:786
sql刪除文件組代碼 瀏覽:978
安卓post請求多重json 瀏覽:776
微信消除數據怎麼恢復 瀏覽:918
小米刷機顯示系統找不到指定文件 瀏覽:528
蘋果手機小風扇圖app叫什麼 瀏覽:292
繁體中文輸入工具 瀏覽:916

友情鏈接