Window: confirm() Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

window.confirm() weist den Browser an, ein Dialogfeld mit einer optionalen Nachricht anzuzeigen und zu warten, bis der Benutzer entweder das Dialogfeld bestätigt oder abbricht.

Unter bestimmten Bedingungen – zum Beispiel, wenn der Benutzer Tabs wechselt – kann es vorkommen, dass der Browser kein Dialogfeld anzeigt oder nicht darauf wartet, dass der Benutzer das Dialogfeld bestätigt oder abbricht.

Syntax

js
confirm()
confirm(message)

Parameter

message Optional

Ein Text, den Sie im Bestätigungsdialog anzeigen möchten.

Rückgabewert

Ein boolescher Wert, der angibt, ob OK (true) oder Abbrechen (false) ausgewählt wurde. Wenn ein Browser Dialogfelder ignoriert, ist der zurückgegebene Wert immer false.

Beispiele

Bestätigen vor einer Aktion

Das folgende Beispiel zeigt, wie der zurückgegebene Wert eines Bestätigungsdialogs überprüft wird. Wenn der Benutzer auf die OK-Schaltfläche klickt, rufen wir window.open() auf, und wenn der Benutzer Abbrechen klickt, geben wir etwas Text in ein <pre>-Element aus.

html
<button id="windowButton">Open new tab</button>
<pre id="log"></pre>
js
const windowButton = document.querySelector("#windowButton");
const log = document.querySelector("#log");

windowButton.addEventListener("click", () => {
  if (window.confirm("Do you want to open in new tab?")) {
    window.open("https://developer.mozilla.org/en-US/docs/Web/API/Window/open");
  } else {
    log.innerText = "Glad you're staying!";
  }
});

Hinweise

Dialogfenster sind modale Fenster – sie verhindern, dass der Benutzer auf den Rest der Programmoberfläche zugreift, bis das Dialogfenster geschlossen ist. Aus diesem Grund sollten Sie keine Funktion, die ein Dialogfeld oder ein modales Fenster erstellt, übermäßig verwenden. Alternativ kann ein <dialog>-Element für Bestätigungen verwendet werden.

Spezifikationen

Specification
HTML
# dom-confirm-dev

Browser-Kompatibilität

Siehe auch