如何使用 javascript 禁用后退和前進按鈕

Question

我想禁用瀏覽器中的后退和前進操作到我的頁面。 那么如何禁用瀏覽器的后退和前進操作。

Answer 1

你不能。 這不是瀏覽器公開的東西。

無論如何，這是一個可用性噩夢——我不建議這樣做，因為用戶非常習慣使用后退和前進按鈕。

您可以編寫應用程序，使其在使用 back 時“中斷”，但我建議這會使您的應用程序對大多數人來說幾乎無法使用。

Answer 2

您可以使用 html 頭部中的以下腳本禁用返回頁面。

<script type = "text/javascript" >
   function preventBack(){window.history.forward();}
    setTimeout("preventBack()", 0);
    window.onunload=function(){null};
</script>

Answer 3

whatch 這個 SO question and answer和this SO Q&A

這不完全是您正在尋找的東西，但會給您一個靈感，即如何對用戶單擊后退和前進按鈕做出反應。

這個 jquery-plugin: jQuery 歷史插件在兩個帖子中都有提到

Answer 4

從谷歌搜索偶然發現這里。 希望這會幫助那些有同樣問題的人。

在強制提及這通常是一個可用性問題之后，應該在其他地方解決，我發現它可以在 chrome 85 中工作：

<script type = "text/javascript">
    history.pushState(null, null, location.href);
    history.back();
    history.forward();
    window.onpopstate = function ()
    {
        history.go(1);
    };
</script>

最后，平心而論，功勞歸於以下線程：

https://support.google.com/chrome/thread/8721521?msgid=10849294

Answer 5

您可以通過以下方式禁用后退按鈕

window.history.forward(1);

希望這可以幫助...：）

干杯...