js 瀏覽器視窗 重新整理 關閉事件

2022-05-04 18:15:09 字數 917 閱讀 5080

1、beforeunload

當瀏覽器視窗關閉或者重新整理時,會觸發beforeunload事件。當前頁面不會直接關閉,可以點選確定按鈕關閉或重新整理,也可以取消關閉或重新整理。

2、onbeforeunload

當視窗即將被解除安裝(關閉)時,會觸發該事件.此時頁面文件依然可見,且該事件的預設動作可以被取消。

各大瀏覽器測試結果:

火狐瀏覽器

重新整理時:先執行 onbeforeunload ,新頁面即將替換舊頁面時 onunload ,最後 onload ;

關閉時:只執行 onbeforeunload

谷歌瀏覽器

重新整理時:先執行 onbeforeunload ,新頁面即將替換舊頁面時 onunload ,最後 onload ;

關閉時:先執行 onbeforeunload ,再執行 onunload.

小視窗關閉:先執行 onbeforeunload ,onunload

micsoftedge瀏覽器

重新整理時:先執行 onbeforeunload ,新頁面即將替換舊頁面時 onunload ,最後 onload ;

關閉時:只執行 onbeforeunload

ie瀏覽器

重新整理時:先執行 onbeforeunload ,新頁面即將替換舊頁面時 onunload ,最後 onload ;

關閉時:只執行 onbeforeunload

360瀏覽器

重新整理時:先執行 onbeforeunload ,再執行 onload ;

關閉時:只執行 onbeforeunload

window.onload = function

()else

};window.onbeforeunload = function

() else};}

view code

JS處理關閉瀏覽器事件

在web程式中,重新整理或者離開當前頁面,需要某些操作時候,可以使用window.onbeforeunload。但是如何判斷是重新整理還是關閉。就比較複雜了。從網上整理的資料來看,大多是根據滑鼠是否點選右上角的x號來判斷是否是關閉。僅在ie8中有效 判斷是不是關閉,應該了解的知識 1.關於windo...

瀏覽器視窗關閉

一般的視窗關閉的js如下寫法 window.close 但是呢,chrome,firefox等中有時候會不起作用。改為下面的寫法 window.open about blank self close 或者window.open self close 如果是frame的時候如下寫法 一般 window...

瀏覽器右鍵 重新整理 預設事件 開啟新視窗 關閉續

onbeforeunload和onunload都是在重新整理和關閉瀏覽器事觸發。onbeforeunload在onunload之前觸發,因為有before,開個玩笑。由按鈕事件觸發,採用window.open方法,打卡乙個新頁面 在index.html採用如下方式監聽瀏覽器被關閉了 為了更好的使用者...