本文禁止頁面刷新的思路是禁止掉所有導致頁面刷新的按鈕或事件,首先我們創建一個demo.html文件,然后我們在瀏覽器先打開另一個頁面比如百度,再輸入本地鏈接訪問這個demo.html文件,使其帶有可以后退的按鈕。代碼和效果如圖
首先我們禁止頁面后退事件,讓所有的后退事件失效,代碼如下,你會發現點擊瀏覽器返回按鈕也好,點擊alt加<-方向鍵也好,都失去了后退的效果
下面我們嘗試通過onbeforeunload事件的監聽阻止頁面刷新,實現的了效果,但是仍有以下缺點:
1會彈出彈窗,
2.點擊重新加載仍然會刷新頁面
3.不兼容opera瀏覽器等
優點:
在主流的幾大瀏覽器中可以稍微阻止以下頁面刷新,關閉。


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


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