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

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"
};