html頁面如何禁止刷新


  • 本文禁止頁面刷新的思路是禁止掉所有導致頁面刷新的按鈕或事件,首先我們創建一個demo.html文件,然后我們在瀏覽器先打開另一個頁面比如百度,再輸入本地鏈接訪問這個demo.html文件,使其帶有可以后退的按鈕。代碼和效果如圖

     
  •  

    首先我們禁止頁面后退事件,讓所有的后退事件失效,代碼如下,你會發現點擊瀏覽器返回按鈕也好,點擊alt加<-方向鍵也好,都失去了后退的效果

     

     

    html頁面如何禁止刷新
  •  

    下面我們嘗試通過onbeforeunload事件的監聽阻止頁面刷新,實現的了效果,但是仍有以下缺點:

    1會彈出彈窗,

    2.點擊重新加載仍然會刷新頁面

    3.不兼容opera瀏覽器等

    優點:

    在主流的幾大瀏覽器中可以稍微阻止以下頁面刷新,關閉。

     

     

     

     

  •  

    繼續優化一下,屏蔽掉所有可能導致刷新后退關閉的快捷鍵事件,代碼如下,效果如圖

     

     

     

     

  •  

    最后再屏蔽一下右鍵菜單,代碼及效果如圖所示

    html頁面如何禁止刷新
    html頁面如何禁止刷新

  • 免責聲明!

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



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