Wie kann ich verhindern, dass Benutzer eine Seite ohne Bestätigung in JavaScript verlassen?

Verhindern des Verlassens einer Seite ohne Bestätigung in JavaScript

Um zu verhindern, dass Benutzer eine Seite ohne Bestätigung verlassen, dient das Ereignis onbeforeunload als effektive Lösung. Mithilfe dieses Ereignisses können Sie dem Benutzer eine Aufforderung anzeigen, ob er die Seite wirklich verlassen möchte.

Implementierung:

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

Alternativ können Sie dies auch tun Verwenden Sie jQuery für diese Aufgabe:

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

Überlegungen:

• Das onbeforeunload-Ereignis zeigt nur eine Eingabeaufforderung an; Benutzer können nicht auf eine andere Seite umgeleitet werden.
• Chrome 14 und höher blockiert Warnungen innerhalb des Onunload-Ereignisses. Um eine Nachricht vor dem Entladen der Seite anzuzeigen, verwenden Sie daher stattdessen onbeforeunload.

Zusätzliche Optionen:

Wenn Ihr Ziel darin besteht, Benutzer basierend auf ihrer Reaktion umzuleiten Um die Bestätigungsaufforderung zu bestätigen, können Sie andere Methoden verwenden, z. B.:

1. URL-Hash:

Fügen Sie einen Hash (z. B. #leaving) zur URL hinzu, wenn die Bestätigungsaufforderung angezeigt wird. Wenn der Benutzer „Ja“ auswählt, entfernen Sie den Hash und leiten Sie zur gewünschten Seite weiter.

2. Lokaler Speicher:

Speichern Sie einen Wert im lokalen Speicher, der angibt, dass der Benutzer gehen möchte. Wenn der Benutzer seine Absicht bestätigt, entfernen Sie den gespeicherten Wert und leiten Sie ihn weiter.

Das obige ist der detaillierte Inhalt vonWie kann ich verhindern, dass Benutzer eine Seite ohne Bestätigung in JavaScript verlassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!