導航:首頁 > 編程語言 > 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監聽窗口關閉事件相關的資料

熱點內容
sel文件如何轉成excel 瀏覽:942
汽車微信廣告語 瀏覽:931
單精度浮點數據怎麼算 瀏覽:609
網路營銷論文怎麼寫 瀏覽:326
在編程語言中函數是什麼 瀏覽:516
開票軟體金稅盤裡面怎麼數據遷移 瀏覽:591
電腦存放圖片有什麼文件夾 瀏覽:260
appleid不對怎麼激活 瀏覽:574
省份表單代碼 瀏覽:194
js原型繼承運行機制 瀏覽:440
jstl判斷的參數 瀏覽:86
java一個線程如何訪問其他方法 瀏覽:64
數字按鍵手機密碼忘記了怎麼刷機 瀏覽:823
小米怎樣設置指紋解鎖密碼是多少 瀏覽:841
caxa圖形轉為pdf文件 瀏覽:718
文件放在哪裡才能用r打開 瀏覽:130
沒有數據集如何重現別人的實驗 瀏覽:10
編程培訓機構待遇如何 瀏覽:822
機械版2018cad內文件夾 瀏覽:688
編程貓導師訓練在哪裡找 瀏覽:88

友情鏈接