Wie können Sie Klicks auf die Zurück-Schaltfläche in einem Browser erkennen?

Klicken auf die Schaltfläche „Zurück“ im Browser erkennen

Um Benutzernavigationsereignisse zu verfolgen, kann der Ereignis-Listener window.onbeforeunload eingesetzt werden. Dieses Ereignis wird jedoch nicht nur ausgelöst, wenn die Zurück-Taste gedrückt wird, sondern auch während der Seitenaktualisierung oder des Neuladens.

Lösung:

Um dieses Problem zu beheben, verwenden Sie den folgenden Code Das window.onload-Ereignis kann verwendet werden:

window.onload = function () {
    if (typeof history.pushState === "function") {
        history.pushState("jibberish", null, null);
        window.onpopstate = function () {
            history.pushState('newjibberish', null, null);
            // Handle back/forward navigation here
        };
    }
    else {
        var ignoreHashChange = true;
        window.onhashchange = function () {
            if (!ignoreHashChange) {
                ignoreHashChange = true;
                window.location.hash = Math.random();
                // Handle hash change navigation here
            }
            else {
                ignoreHashChange = false;
            }
        };
    }
}

Diese Lösung unterscheidet zwischen der Zurück-Navigation und anderen Ereignissen wie Aktualisieren und Neuladen und bietet eine präzise Handhabung von Zurück-Button-Klicks. Es funktioniert reibungslos in Browsern wie Chrome und Firefox.

Das obige ist der detaillierte Inhalt vonWie können Sie Klicks auf die Zurück-Schaltfläche in einem Browser erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!