JavaScript-Code beim Schließen des Fensters oder beim Aktualisieren der Seite ausführen?

Gibt es eine Möglichkeit, einen endgültigen JavaScript-Code auszuführen, wenn ein Benutzer ein Browserfenster schließt oder die Seite aktualisiert?

Ich denke an etwas Ähnliches wie Onload, aber eher an Onclose? Vielen Dank.

Ich mag die Methode onbeforeunload nicht, die immer dazu führt, dass ein Bestätigungsfeld auftaucht (Seite verlassen / auf Mozilla bleiben) oder (neu laden / nicht auf Chrome neu laden). Gibt es eine Möglichkeit, den Code leise auszuführen?

Es gibt beide window.onbeforeunloadund window.onunload, die je nach Browser unterschiedlich verwendet werden. Sie können sie entweder zuweisen, indem Sie die Fenstereigenschaften auf Funktionen setzen oder Folgendes verwenden .addEventListener:

window.onbeforeunload = function(){
   // Do something
}
// OR
window.addEventListener("beforeunload", function(e){
   // Do something
}, false);

Wird normalerweise onbeforeunloadverwendet, wenn Sie verhindern müssen, dass der Benutzer die Seite verlässt (z. B. arbeitet der Benutzer an einigen nicht gespeicherten Daten, daher sollte er diese vor dem Verlassen speichern). onunloadwird von Opera meines Wissens nicht unterstützt , aber Sie können immer beides einstellen.

Ok, ich habe eine funktionierende Lösung dafür gefunden. Sie besteht darin, das beforeunloadEreignis zu verwenden und dann den Handler zurückzubringen null. Dadurch wird der gewünschte Code ausgeführt, ohne dass ein Bestätigungsfeld angezeigt wird. Es geht ungefähr so:

window.onbeforeunload = closingCode;
function closingCode(){
   // do something...
   return null;
}

Hoffe das hilft.

Manchmal möchten Sie den Server möglicherweise darüber informieren, dass der Benutzer die Seite verlässt. Dies ist beispielsweise nützlich, um nicht gespeicherte Bilder zu bereinigen, die vorübergehend auf dem Server gespeichert sind, um diesen Benutzer als "offline" zu markieren oder um zu protokollieren, wenn die Sitzung beendet ist.

In der Vergangenheit haben Sie eine AJAX-Anforderung in der beforeunloadFunktion gesendet , dies hat jedoch zwei Probleme. Wenn Sie eine asynchrone Anforderung senden, gibt es keine Garantie dafür, dass die Anforderung korrekt ausgeführt wird. Wenn Sie eine synchrone Anfrage senden, ist diese zuverlässiger, aber der Browser bleibt hängen, bis die Anfrage abgeschlossen ist. Wenn dies eine langsame Anfrage ist, wäre dies eine große Unannehmlichkeit für den Benutzer.

Zum Glück haben wir jetzt navigator.sendBeacon(). Mithilfe dieser sendBeacon()Methode werden die Daten asynchron an den Webserver übertragen, wenn der Benutzeragent die Möglichkeit dazu hat, ohne das Entladen zu verzögern oder die Leistung der nächsten Navigation zu beeinträchtigen. Dies löst alle Probleme bei der Übermittlung von Analysedaten: Die Daten werden zuverlässig gesendet, asynchron gesendet und haben keinen Einfluss auf das Laden der nächsten Seite. Hier ist ein Beispiel für seine Verwendung:

window.addEventListener("unload", logData, false);

function logData() {
  navigator.sendBeacon("/log.php", analyticsData);
}

sendBeacon()wird unterstützt in:

• Kante 14
• Firefox 31
• Chrome 39
• Safari 11.1
• Oper 26
• iOS Safari 11.4

Es wird derzeit NICHT unterstützt in:

• Internet Explorer
• Opera Mini

Hier ist eine Polyfüllung für sendBeacon (), falls Sie Unterstützung für nicht unterstützte Browser hinzufügen müssen. Wenn die Methode im Browser nicht verfügbar ist, wird stattdessen eine synchrone AJAX-Anforderung gesendet.

jQuery-Version:

$(window).unload(function(){
    // Do Something
});

Update : jQuery 3:

$(window).on("unload", function(e) {
    // Do Something
});

Danke Garrett

In der Dokumentation hier wird empfohlen, das Ereignis onbeforeunload abzuhören und / oder einen Ereignis-Listener im Fenster hinzuzufügen.

window.addEventListener('beforeunload', function(event) {
  //do something here
}, false);

Sie können auch einfach die Eigenschaften .onunload oder .onbeforeunload des Fensters mit einer Funktion oder einer Funktionsreferenz füllen.

Obwohl das Verhalten nicht für alle Browser standardisiert ist, gibt die Funktion möglicherweise einen Wert zurück, den der Browser anzeigt, wenn bestätigt wird, ob die Seite verlassen werden soll.

Sie können verwenden window.onbeforeunload.

window.onbeforeunload = confirmExit;
function confirmExit(){
    alert("confirm exit is being called");
    return false;
}

Das Ereignis wird aufgerufen beforeunload, sodass Sie eine Funktion zuweisen können window.onbeforeunload.

Sie können so etwas ausprobieren:

<SCRIPT language="JavaScript">
<!--
function loadOut()
{
window.location="http://www.google.com";
}
//-->
</SCRIPT>

<body onBeforeUnload="loadOut()">