javascript - 我可以禁用 "back"按钮浏览器功能吗？

Question

我想更改“后退”浏览器按钮的功能。我试过这个:

window.onbeforeunload = function() {
    show_page(last_page, 'not-search'); 
}

它部分起作用:它调用该函数，但浏览器仍然导航到上一页。有解决方案吗？

编辑我需要这样做:

index(ajax content) ---用户点击--->其他ajax内容(我称之为A内容)
一个内容--->后退按钮---->上一个索引内容

Answer 1

在您的函数中返回一个字符串以警告用户并提供取消选项。

window.onbeforeunload = function() {
    show_page(last_page, 'not-search'); 
    return "please do not use the back button";
}

完全禁用既棘手又糟糕的做法。以这种方式限制用户很容易被视为垃圾邮件或不良行为。

编辑

阅读您的编辑后，我建议您在使用 ajax 修改页面时使用 history.pushState。这样后退按钮将导航到您想要的较早状态。看看 history API对于您需要的所有功能。

当按下上一个按钮时，它会触发 window.onpopstate 函数，您可以在其中加载正确的内容。请参见下面的示例:

window.onpopstate = function(event) {
  alert("location: " + document.location + ", state: " + JSON.stringify(event.state));
};