Umleiten zurück Schaltfläche zu bestimmten Seite mit Verlaufs-API

Question

Ich habe einen Online-Test, der nacheinander über 5 Webseiten ohne Pause läuft. Ich möchte, dass die Zurück-Schaltfläche, falls verwendet, auf die Seite vor den Testseiten umleitet, um zu verhindern, dass sie zum Durchlaufen der Testseiten verwendet wird. Ich dachte, die Geschichte API könnte der Weg zu gehen und versuchte es mit diesem Skript:

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"); 

Dies funktioniert in dem Maße, dass die URL in der Adresszeile angezeigt wird, aber die Zurück-Taste umleiten nicht wie gewünscht. Ich bin mir nicht einmal sicher, ob die Kontrolle über den Zurück-Knopf auf diese Weise erreicht werden kann. Ich hatte daran gedacht, den Zurück-Knopf zu deaktivieren und habe mich online umgeschaut, aber diese Option scheint ziemlich problematisch zu sein. Ich würde sicherlich irgendwelche Kommentare oder Vorschläge begrüßen.

Answer 1

Wenn Sie einen pushState mit Javascript-Verlauf hinzufügen, sollten Sie window.onpopstate verwenden, um die Zurück-Schaltflächenaktion zu verwalten.

Sie alle benötigten Unterlagen auf dieser Seite finden:

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

Answer 2

Ich denke, Sie zu popState Ereignis binden müssen und Ihre Umleitung Logik dort setzen wie folgt aus:

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