關閉窗口時onunload和onbeforeunload不起作用的解決辦法


今天學習卸載事件(onunload)時候,有時候關閉窗口有作用,有時候不起作用,在各個瀏覽器中的效果也不一樣,為什么會這樣呢?

上網查了查相關的解釋,大佬說:“onbeforeunload和onunload在谷歌和火狐中,必須先按F12打開開發者模式,刷新或關閉網頁,才會用提示框 。而且不能連續刷新,如刷新第一次有提示框接着刷新第二次,就變成直接刷新沒有提示框。但是如果2次刷新時間間隔在30秒左右,則第二次刷新會有提示框。如果不按F12打開開發者模式,谷歌和火狐在onbeforeunload事件觸發時都不會有提示框,會直接刷新或關閉頁面”。

按照大佬的解釋,簡單的測試了下,還真是如此

如下代碼顯示:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script>
    window.onbeforeunload = function(){
      return "onbeforeunload is work";
    }
    </script>
</head>
<body>
  歡迎學習JavaScript
</body>
</html>

在IE瀏覽器中的效果圖:

在谷歌瀏覽器的效果圖:

注意:要先按F12打開開發者模式

 在火狐瀏覽器的效果圖:

注意:要先按F12打開開發者模式


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM