Wie kann ich in JavaScript nur Ereignisse zum Schließen von Browserfenstern zuverlässig erkennen?

Ereignis zum Schließen des Browserfensters: Eine umfassende Anleitung

jQuery bietet das Ereignis „beforeunload“ an, um den Moment zu erfassen, in dem ein Benutzer versucht, ein zu verlassen Webseite. Dieses Ereignis löst jedoch nicht nur beim Schließen von Fenstern aus, sondern auch bei Aktionen wie dem Absenden von Formularen. Um dieses Problem zu beheben, wollen wir uns speziell mit den Details der Erfassung des Ereignisses zum Schließen des Browserfensters befassen.

Das Ereignis „beforeunload“ wird, wie der Name schon sagt, immer dann ausgelöst, wenn der Benutzer die aktuelle Seite verlässt. Dazu gehören Formularübermittlungen, Linkklicks, das Schließen des Fensters oder Tabs und das Navigieren zu einer neuen Seite mit verschiedenen Mitteln.

Betrachten Sie zur Veranschaulichung den folgenden jQuery-Code:

jQuery(window).bind(
    "beforeunload",
    function() {
        return confirm("Do you really want to close?")
    }
)

While this Wenn das Code-Snippet versucht, das Fensterschließereignis zu erfassen, löst es versehentlich auch den Bestätigungsdialog für andere Aktionen aus, z. B. Formularübermittlungen. Um diese Einschränkung zu beheben, müssen wir zwischen Fensterschließungen und anderen Navigationsereignissen unterscheiden.

Ein Ansatz besteht darin, Formularübermittlungen und Hyperlinks (aus anderen Frames auszuschließen) mithilfe des folgenden jQuery-Codes auszuschließen:

var inFormOrLink;
$('a').on('click', function() { inFormOrLink = true; });
$('form').on('submit', function() { inFormOrLink = true; });

$(window).on("beforeunload", function() {
    return inFormOrLink ? "Do you really want to close?" : null;
})

In diesem Code verfolgen wir, ob der Benutzer gerade mit einem Formular oder Link interagiert, indem wir die Variable inFormOrLink bei relevanten Aktionen auf true setzen. Während des „beforeunload“-Ereignisses zeigen wir die Bestätigungsaufforderung nur an, wenn sich der Benutzer derzeit nicht in einem Formular oder Link befindet.

Beachten Sie, dass bei diesem Ansatz Probleme auftreten können, wenn ein anderer Ereignishandler die Übermittlung oder Navigation abbricht und dies möglicherweise verhindert Die Bestätigungsaufforderung wird auch dann nicht angezeigt, wenn das Fenster geschlossen ist. Um dieses Problem zu entschärfen, sollten Sie erwägen, den Zeitpunkt von Sende- und Klickereignissen aufzuzeichnen und zu überprüfen, ob das „beforeunload“-Ereignis mehr als ein paar Sekunden später auftritt.

Das obige ist der detaillierte Inhalt vonWie kann ich in JavaScript nur Ereignisse zum Schließen von Browserfenstern zuverlässig erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!