使用js代碼禁用chrome瀏覽器的后退按鈕

當時做一個單頁應用, 由於用戶老是喜歡按瀏覽器的后退按鈕來返回上一步操作,但是單頁應用返回上一步操作一般是不跳轉頁面的,所有我就想禁用瀏覽器的返回按鈕功能來限制用戶的操作習慣.

1.這里使用了jquery，先引入jquery庫.

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>

2.功能函數,將這個函數放到頁面的<script>腳本中,接着在函數定義后調用這個函數即可.

<script>
  function disableBack() {
    if (window.history && window.history.pushState) {
      $(window).on("popstate", function () {
        window.history.pushState("forward", null, "");
        window.history.forward(1);
      });
    }
    window.history.pushState("forward", null, "");
    window.history.forward(1);
  }
  disableBack();
</script>