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

popovertargetaction HTML attribuut

2 elementen kennen dit attribuut. Klik op een tag voor de volledige uitleg van dat element.

Auteur: Maarten Soetens

Wat doet het popovertargetaction attribuut?

Bepaalt welke actie de knop op de gekoppelde popover uitvoert: "show", "hide" of "toggle" (de standaardwaarde als het attribuut ontbreekt).

HTML 
<button popovertarget="menu" popovertargetaction="show">Open menu</button>
<button popovertarget="menu" popovertargetaction="hide">Sluit menu</button>
<div id="menu" popover>
  Menu-inhoud
</div>

Welke HTML-elementen kennen popovertargetaction?

<button> <input>

<button>

Het <button>-element van HTML is een interactief element dat door een gebruiker wordt geactiveerd met een muis, toetsenbord, vinger, spraakc...

Specificeert de actie die moet worden uitgevoerd op een popover-element dat wordt bestuurd door een control-<button>. Mogelijke waarden zijn:
  • "hide"
    • : De knop verbergt een getoonde popover. Als je probeert een al verborgen popover te verbergen, wordt geen actie ondernomen.
  • "show"
    • : De knop toont een verborgen popover. Als je probeert een al zichtbare popover te tonen, wordt geen actie ondernomen.
  • "toggle"
    • : De knop schakelt een popover tussen zichtbaar en verborgen. Als de popover verborgen is, wordt hij getoond; als de popover zichtbaar is, wordt hij verborgen. Als popovertargetaction wordt weggelaten, is "toggle" de standaardactie die door de control-knop wordt uitgevoerd.
Alles over <button> →

<input>

Het <input>-element van HTML wordt gebruikt om interactieve besturingselementen te maken voor webformulieren, om gegevens van de gebruiker t...

Bepaalt de actie die uitgevoerd moet worden op een popover-element dat wordt aangestuurd door een besturingselement <input type="button">. Mogelijke waarden zijn:
  • "hide"
    • : De knop verbergt een weergegeven popover. Als je probeert een al verborgen popover te verbergen, gebeurt er niets.
  • "show"
    • : De knop toont een verborgen popover. Als je probeert een al zichtbare popover te tonen, gebeurt er niets.
  • "toggle"
    • : De knop wisselt een popover tussen zichtbaar en verborgen. Als de popover verborgen is, wordt hij getoond; als de popover zichtbaar is, wordt hij verborgen. Als popovertargetaction wordt weggelaten, is "toggle" de standaardactie die door de besturingsknop wordt uitgevoerd.
Alles over <input> →

Andere attributen van deze elementen

value type popovertarget name formtarget formnovalidate formmethod formenctype formaction form disabled autofocus