HTML/Attribute/popovertarget

Das popovertarget-Universalattribut verwandelt ein button-Element in eine Popover-Schaltfläche; übernimmt als Wert die ID des zu steuernden Popover-Elements.

erlaubte Werte	Zeichenkette (Id des popovers)
default-Wert
erlaubt in	allen HTML-Elementen
Browsersupport	Details bei caniuse.com: mdn-api_htmlelement_popovertarget

Beispiel

<button popovertarget="additional-info"> → mehr Infos </button>

<div id="additional-info" popover>
  <h4> … </h4>
  <p> … <p>
  <button popovertarget="additional-info" popovertargetaction="hide" class="close-btn">
    <span aria-hidden="true">X</span>
    <span class="sr-only">Schließen</span>
</button>
</div>

Ein div erhält ein popover-Attribut und einen Button. Dieser erhält ein popovertarget-Attribut, dessen Wert auf die id des Popovers verweist und ein popovertargetaction-Attribut, dessen Wert hide es zum Schließen-Button macht.

Siehe auch

• Infobox/Tooltips mit Popover

Weblinks

• WHATWG: the popovertarget attributes
• MDN: popovertarget Attribute