在禁用浏览器后退按钮的同时启用前进按钮

Question

我在页面加载时使用以下代码禁用了浏览器后退按钮

history.pushState(null, null, location.href);
window.onpopstate = function () {
        history.go(1);
};

代码工作正常。我无法继续前一页。但是前进按钮也被禁用。我必须启用页面上的前进按钮。

Answer 1

您被迫使用 history.pushState 手动更新url。如果使用 history.pushState ，它将清除转发状态的历史记录。

因此window.history.forward()返回未定义。因此，您无法前进。

请谨慎使用警告，而不要禁用“后退”按钮，

window.onbeforeunload = function() { 
return "some text"
};