Ja / Nein Box in Javascript wie diese hier in StackOverflow?

Question

Ich möchte wissen, wie ich ein Bestätigungsfeld anzeigen kann, wenn die Benutzer versuchen, die Seite zu verlassen, ähnlich wie hier bei StackOverflow, wenn Sie versuchen, die Seite "Frage stellen" zu schließen.

Vielen Dank im Voraus.

Answer 1

Eigentlich ist alles, was notwendig ist, dies:

window.onbeforeunload = function(){ return "Du solltest deine Arbeit speichern."; }

Dies ist auch eine Art Duplikat von diesem: Wie zeigt man die Meldung "Sind Sie sicher, dass Sie diese Seite verlassen möchten?", wenn Änderungen vorgenommen wurden?

Answer 2

In JavaScript, fügen Sie eine Funktion zu window.onbeforeunload hinzu, wie folgt:

window.unbeforeunload = function (e)
{
    // return (prompt ('Are you sure you want to exit?'));

    // EDIT: Überarbeitete Version unten: 
    var e = e || window.event;
    if (e) e.returnValue = 'Ihr Exit-Prompt';
    return 'Ihr Exit-Prompt';
}

EDIT: Wie die Kommentare unten aufzeigen, hatte ich das Funktionieren des Ereignisses missverstanden. Es sollte nun wie beabsichtigt funktionieren.

Ref: window.onbeforeunload (MDC)

Answer 3

Wahrscheinlich ein Duplikat: Wie verhindert man, dass eine Webseite in JavaScript navigiert wird?, aber Sie können dies tun, indem Sie einen Delegaten zum window.onbeforeunload Ereignis hinzufügen

   window.onbeforeunload = function() {
      // zeigt einen Dialog an, der den Benutzer fragt, ob
      // er von der aktuellen Seite weg navigieren möchte
      // OK führt zur Fortsetzung der Navigation,
      // Abbrechen wird den Benutzer auf der aktuellen Seite bleiben lassen
      return "Verwenden Sie diesen Text, um den Benutzer zur Aktion zu bewegen.";
   }

Update: doh! Aktualisierter Code, um das zu tun, was der OP wirklich wollte :D

Answer 4

Du möchtest das onbeforeunload-Ereignis des window einfangen. Wenn du dann einen String zurückgibst, wird der Browser deine Nachricht in einem Dialogfeld anzeigen. Hier ist ein Artikel mit Beispielscode.

Answer 5

Sie können das window.onbeforeunload Ereignis verwenden, um dies zu erfassen. Wenn sich ein Wert im Textbereich befindet, wird eine Warnmeldung angezeigt.