closedby HTML attribuut
1 element kent dit attribuut. Klik op een tag voor de volledige uitleg van dat element.
Wat doet het closedby attribuut?
Bepaalt op <dialog> welke gebruikersacties de dialoog mogen sluiten: "any" (klik buiten de dialoog, Esc of een light-dismiss-actie), "closerequest" (alleen Esc of een platformspecifieke sluitactie) of "none" (alleen sluiten via script). Ontbreekt het attribuut, dan gedraagt een modale dialoog zich standaard als closerequest. Recente toevoeging aan HTML; controleer de browserondersteuning voordat je erop vertrouwt.
<dialog closedby="any">
<p>Klik buiten de dialoog om te sluiten.</p>
</dialog>
Welke HTML-elementen kennen closedby?
<dialog>
Het <dialog>-element van HTML vertegenwoordigt een modaal of niet-modaal dialoogvenster of een ander interactief onderdeel, zoals een sluitb...
Specificeert de typen gebruikersacties die kunnen worden gebruikt om het <dialog>-element te sluiten. Dit attribuut onderscheidt drie manieren waarop een dialoogvenster kan worden gesloten:
- Een light dismiss-gebruikersactie, waarbij de
<dialog>wordt gesloten wanneer de gebruiker erbuiten klikt of tikt. Dit is gelijkwaardig aan het "light dismiss"-gedrag van popovers in de "auto"-status. - Een platformspecifieke gebruikersactie, zoals het indrukken van de Esc-toets op desktopplatforms, of een "terug"- of "sluiten"-gebaar op mobiele platforms.
- Een door de ontwikkelaar opgegeven mechanisme, zoals een
<button>met eenclick-handler dieHTMLDialogElement.close()aanroept, of het indienen van een<form>.
Mogelijke waarden zijn:
any- : Het dialoogvenster kan worden gesloten met elk van de drie methoden.
closerequest- : Het dialoogvenster kan worden gesloten met een platformspecifieke gebruikersactie of een door de ontwikkelaar opgegeven mechanisme.
none- : Het dialoogvenster kan alleen worden gesloten met een door de ontwikkelaar opgegeven mechanisme.
Als voor het <dialog>-element geen geldige closedby-waarde is opgegeven, dan
- gedraagt het zich, als het werd geopend met
showModal(), alsof de waarde"closerequest"was - gedraagt het zich anders alsof de waarde
"none"was.