Wie implementiert man eine Bestätigung vor dem Verlassen der Seite mit JavaScript?

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.

onbeforeunload verwenden

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 seine Absicht zum Verlassen an, während die Auswahl von „Abbrechen“ den Verlassensprozess 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?';
};

Verwendung von jQuery

jQuery bietet eine vereinfachte Methode zur Behandlung des Beforeunload-Ereignisses:

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

onunload verwenden

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.');
});

Das obige ist der detaillierte Inhalt vonWie implementiert man eine Bestätigung vor dem Verlassen der Seite mit JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!