如何使用javascript禁用浏览器中的后退按钮

Question

想要禁用网站的后退按钮

每当用户点击浏览器后退按钮时,它就不能进入他之前访问过的页面.

Answer 1

history.pushState(null, null, document.title);
window.addEventListener('popstate', function () {
    history.pushState(null, null, document.title);
});

此脚本将覆盖尝试使用当前页面的状态来回导航.

更新:

一些用户报告使用document.URL而不是使用以下更好的成功document.title:

history.pushState(null, null, document.URL);
window.addEventListener('popstate', function () {
    history.pushState(null, null, document.URL);
});

Answer 2

一个人无法禁用浏览器后退按钮功能,只有可以做的事情是阻止他们.

JavaScript代码下面需要放在页面的head部分,您不希望用户使用后退按钮重新访问:

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

假设有两个页面Page1.php,Page2.php并Page1.php重定向到Page2.php.

因此,为了防止用户Page1.php使用后退按钮访问,您需要将上述脚本放在Page1.php.

有关更多信息:参考

Answer 3

你不能，也不应该。

所有其他方法/替代方案只会导致非常糟糕的用户参与度。

这是我的意见。