JavaScript-Bestätigung vor dem Verlassen der Seite

Um zu verhindern, dass Benutzer eine Seite versehentlich ohne Bestätigung verlassen, können Sie mithilfe von JavaScript ein Bestätigungsfenster implementieren.

Verwenden von onbeforeunload

Das onbeforeunload-Ereignis Wird ausgelöst, wenn ein Benutzer die Seite verlassen möchte. In diesem Ereignis-Listener platzierter Code zeigt dem Benutzer ein Bestätigungsfenster an. Wenn der Benutzer „OK“ auswählt, gibt er damit seine Absicht zum Verlassen an, während die Auswahl von „Abbrechen“ den Ausstiegsvorgang unterbricht. Sie können den Benutzer nicht umleiten, wenn er sich dafür entscheidet, auf der Seite zu bleiben.

window.onbeforeunload = function() {
  return 'Are you sure you want to leave?';
};

Verwenden von jQuery

jQuery bietet eine vereinfachte Methode zum Behandeln des Beforeunload-Ereignisses:

$(window).bind('beforeunload', function(){
  return 'Are you sure you want to leave?';
});

Verwenden von onunload

Während das onunload-Ereignis häufig für Bereinigungsaufgaben vor dem Entladen einer Seite verwendet wird, kann es den Benutzer nicht umleiten. Es kann jedoch dennoch nützlich sein, um eine Abschiedsnachricht oder Warnung anzuzeigen. Beachten Sie, dass Chrome 14 und höher Warnungen innerhalb von onunload blockieren.

window.onunload = function() {
    alert('Bye.');
}

jQuery-Implementierung

$(window).unload(function(){
  alert('Bye.');
});