HTML/Attribute/closedby

Browserunterstützung
caniuse.com

Das closedby-Universalattribut gibt an, auf welche Weise ein dialog geschlossen werden kann

erlaubte Werte	any Wie closerequest, zusätzlich kann der Dialog durch Klicken außerhalb des Dialogs geschlossen werden (light dismiss) closerequest Der Dialog kann durch einen Button eines Dialog-Formulars, durch die Esc-Taste oder durch JavaScript geschlossen werden none Der Dialog kann nur durch JavaScript geschlossen werden.
default-Wert	Für modale Dialoge closerequest, für nichtmodale Dialoge none
erlaubt in	allen HTML-Elementen

Beispiel

<button command="show-modal" commandfor="my-dialog">Sesam, öffne dich!</button>

<dialog id="my-dialog" closedby="any">
  Ich bin eine Dialogbox.
</dialog>>

Das geöffnete dialog-Element kann durch closedby="any" auch mit einem light dismiss, einem Klick außerhalb des Dialogs - geschlossen werden.

Siehe auch

• Infobox/modale Dialogfenster
  • light dismiss mit closedby

Weblinks

• WHATWG: the closedby attribute
• MDN:

Liste der HTML-Attribute

• Universalattribute
  • accesskey
  • contenteditable
  • class
  • data-*
  • dir
  • draggable
  • enterkeyhint
  • hidden
  • id
  • inputmode
  • itemprop
  • lang
  • nonce
  • on*
  • part
  • popover
  • popovertarget
  • popovertargetaction
  • role
  • slot
  • spellcheck
  • style
  • tabindex
  • title
  • translate
• Aria-Attribute
• Formular-Attribute
• Listen-Attribute
• Medien-Attribute
• Meta-Attribute
• Tabellen-Attribute
• Verweis-Attribute
• obsolet oder gelöscht