JS如何禁用浏览器自带后退键？？

Question

需要的效果就是浏览器自带的返回键不可点击，或者点击无效，置灰都可以

Answer 1

history.pushState(null, null, document.URL);

window.addEventListener('popstate', function () {

    history.pushState(null, null, document.URL);

});

Answer 2

jQuery(document).ready(function ($) {

    if (window.history && window.history.pushState) {

      $(window).on('popstate', function () {

      　　  window.history.forward(1);

      });

    }

Answer 3

使用onbeforeunload比较合适吧，弹出一个提示框让用户确认，这样用户以任何方式关闭此页面前都需确认

window.onbeforeunload = function (e) {

  e = e || window.event;

  // 兼容IE8和Firefox 4之前的版本

  if (e) {

    e.returnValue = '关闭提示';

  }

  // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+

  return '关闭提示';

};

window.onbeforeunload

Answer 4

还有种做法，将目标页的链接修改为：<a href="#" onclick="location.replace('目标页.html')">目标页.html</a>