So deaktivieren Sie den Browser wieder in JQuery

So deaktivieren Sie den Browser wieder in JQuery: Öffnen Sie zuerst die entsprechende JS-Datei. Deaktivieren Sie dann die Zurück- und Weiter-Schaltflächen des Browsers über die Methode „jQuery(document).ready(function () {...}“.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JQuery-Version 1.10.0, Thinkpad T480-Computer.

Empfohlen: „JQuery-Video-Tutorial“

JQuery deaktiviert die Zurück-Schaltfläche des Browsers

Verwenden Sie JQuery zum Deaktivieren die Schaltflächen „Zurück“ und „Weiter“:

Um zu verhindern, dass Benutzer die Zugriffsreihenfolge verwechseln, müssen die Schaltflächen „Vorwärts“ und „Zurück“ des Browsers deaktiviert werden

jQuery(document).ready(function () {
    if (window.history && window.history.pushState) {
        $(window).on('popstate', function () {
        　　　// 当点击浏览器的 后退和前进按钮 时才会被触发， 
            window.history.pushState('forward', null, ''); 
            window.history.forward(1);
        });
    }
    //在IE中必须得有这两行
    window.history.pushState('forward', null, '');  
    window.history.forward(1);
});

Dieser Code verwendet hauptsächlich das window.history-Objekt von js;

Zum Beispiel:

Wenn die URL der aktuellen Seite lautet: http://localhost:28713/SBNext/index.aspx

Ausführung: window.history.pushState('forward', null, 'badu.aspx') ;

Ergebnis: Fügen Sie im Browserverlauf einen Eintrag hinzu: http://localhost:28713/SBNext/index.aspx. Die URL der aktuellen Seite wird zu http://localhost:28713/SBNext/badu.aspx, die Seite jedoch nicht aktualisiert und die URL wird nicht überprüft. Wenn Sie zu diesem Zeitpunkt auf die Schaltfläche „Zurück“ des Browsers klicken, wird zur Seite http://localhost:28713/SBNext/index.aspx zurückgekehrt Dies ist das Prinzip der Deaktivierung der Zurück-Schaltfläche oben.

Das obige ist der detaillierte Inhalt vonSo deaktivieren Sie den Browser wieder in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!