如何使用javascript禁用后退和前进按钮

时间:2011-05-24 09:38:26

标签: javascript html

我想禁用浏览器中的后退和前进操作到我的页面。 所以如何禁用浏览器的后退和前进动作。

5 个答案:

答案 0 :(得分:8)

你做不到。这不是浏览器公开的内容。

无论如何,这是一个可用性的噩梦 - 我不推荐这个,因为后退和前进按钮是用户非常习惯的东西。

可以编写你的应用程序,如果使用了它就会“破坏”,但我建议这会使你的应用程序对大多数人来说几乎无法使用。

答案 1 :(得分:0)

whatch this SO question and answerthis SO Q&A

这不完全是你想要的,但会给你一个灵感,如何对用户点击后退和前进按钮做出反应。

这个jquery-plugin:jQuery history plugin在两个帖子中都有提及

答案 2 :(得分:0)

您可以使用html头部的以下脚本禁用返回页面。

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

答案 3 :(得分:0)

在Google搜索中偶然发现。希望这会对遇到同样问题的人有所帮助。

在强制性提到这通常是一个可用性问题之后,应该在其他地方解决该问题,我发现这在chrome 85中有效:

async function a(): Promise<void | boolean> {
    let p = Promise.resolve(false);
    return p.then<void | boolean>(result => {
        if (result === false) {
            return false;
        }
        return Promise.resolve();
    });
}

总的来说,功劳归功于以下主题:

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

答案 4 :(得分:-1)

您可以通过

禁用后退按钮
window.history.forward(1);

希望这有助于......:)

干杯...