Wie werden Benutzer aufgefordert, nicht gespeicherte Änderungen zu bestätigen, bevor sie eine Seite verlassen?

Bestätigen nicht gespeicherter Änderungen

Frage: Wie zeigen Sie eine Bestätigungsmeldung an, wenn ein Benutzer wegnavigiert? eine Seite mit nicht gespeicherten Änderungen?

Tracking Änderungen:

Um Änderungen zu verfolgen, können Sie Ereignis-Listener verwenden, die auf Änderungen in Eingabefeldern oder anderen Elementen, die Daten speichern, warten. Wenn eine Änderung auftritt, setzen Sie ein Flag, um anzuzeigen, dass nicht gespeicherte Änderungen vorliegen.

Bestätigung anzeigen:

Um eine Bestätigungsmeldung anzuzeigen, können Sie window.onbeforeunload verwenden Ereignis. Es wird ausgelöst, wenn der Benutzer versucht, die Seite zu verlassen. Überprüfen Sie in diesem Ereignishandler, ob nicht gespeicherte Änderungen vorhanden sind. Wenn dies der Fall ist, zeigen Sie mit bestätigen() eine Bestätigungsmeldung an.

Beispiel:

// Create a flag to track changes
var hasUnsavedChanges = false;

// Add an event listener to input fields
$('input').on('change', function() {
  hasUnsavedChanges = true;
});

// Create an event handler for window.onbeforeunload
window.onbeforeunload = function() {
  if (hasUnsavedChanges) {
    return "Are you sure you want to leave this page? You have unsaved changes.";
  }
};

Das obige ist der detaillierte Inhalt vonWie werden Benutzer aufgefordert, nicht gespeicherte Änderungen zu bestätigen, bevor sie eine Seite verlassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!