如何使用 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);

希望这可以帮助...：）

干杯...