Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Attribuut

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.

HTML
<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 een click-handler die HTMLDialogElement.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.
Alles over <dialog> →

Andere attributen van deze elementen