HTMLDialogElement: closedBy-Eigenschaft

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die closedBy-Eigenschaft der HTMLDialogElement-Schnittstelle gibt die Arten von Benutzeraktionen an, die verwendet werden können, um das zugehörige <dialog>-Element zu schließen. Sie setzt oder gibt den Attributwert closedby des Dialogs zurück. (closedby)

Wert

Ein String; mögliche Werte sind:

any: Der Dialog kann mit einer "Light Dismiss"-Benutzeraktion, einer plattform-spezifischen Benutzeraktion oder einem vom Entwickler festgelegten Mechanismus geschlossen werden.
closerequest: Der Dialog kann mit einer plattform-spezifischen Benutzeraktion oder einem vom Entwickler festgelegten Mechanismus geschlossen werden.
none: Der Dialog kann nur mit einem vom Entwickler festgelegten Mechanismus geschlossen werden.

Beispiele

Grundlegende Verwendung von `closedBy`

html

<dialog open closedby="any">
  <h2>My dialog</h2>
  <p>
    Closable using the Esc key, or by clicking outside the dialog. "Light
    dismiss" behavior.
  </p>
</dialog>

const dialogElem = document.querySelector("dialog");

// Logs "any" to the console
console.log(dialogElem.closedBy);

Spezifikationen

Specification
HTML # dom-dialog-closedby

Browser-Kompatibilität

Siehe auch

<dialog>