履歴APIを使用して特定のページに戻るボタンをリダイレクトするAPI

Question

私は、5つのWebページを一時停止せずに連続して実行するオンラインテストを行っています。テストページの前のページにリダイレクトするために、戻るボタンを使用すると、テストページを循環するのを妨げられます。私は歴史のAPIを移動するための方法かもしれないと思ったし、このスクリプトでそれを使用してみました：

var stateObj = { url: "/index.php/toeic_introduction"}; 

// Updates the current history entry timerArray[i][2]. 
window.history.replaceState(stateObj, "","/index.php/toeic_introduction"); 

// Creates a new history entry. 
window.history.pushState(stateObj, "","/index.php/toeic_introduction"); 

これは、URLがアドレス行に表示されますが、必要に応じて、[戻る]ボタンをリダイレクトしない程度に動作します。私はこの方法でバックボタンのコントロールを達成できるかどうかも分かりません。私はバックボタンを無効にすることを考えていましたが、オンラインで見てきましたが、このオプションはむしろ問題のようです。私は確かに任意のコメントや提案を歓迎するだろう。

Answer 1

Javascriptの履歴を使用してpushtStateを追加する場合は、window.onpopstateを使用して戻るボタンの操作を管理する必要があります。

このページにすべての必要な文書を検索します：

https://developer.mozilla.org/fr/docs/Web/API/WindowEventHandlers/onpopstate

Answer 2

私はあなたがpopStateイベントに結合し、このようにそこにあなたのリダイレクトロジックを配置する必要が推測：

$(document).ready(function() { 
     if (window.history && window.history.pushState) { 
     $(window).on('popstate', function() { 
      // your logic here 
     }); 
     } 
    });