HTML popover eigenschap

Definitie en gebruik

popover De eigenschap definieert het element als een pop-up element, wat betekent dat het, wanneer het wordt aangeroepen, boven de inhoud wordt geplaatst en de positie van andere HTML-elementen niet verstoort.

Een pop-up element is onzichtbaar totdat het wordt aangeroepen door een ander element. Dit andere element moet een popovertarget-eigenschap hebben met een waarde die verwijst naar de id van het pop-up element.

Een pop-up element wordt boven alle andere inhoud geplaatst en kan worden ingeschakeld/uitgeschakeld door op het popovertarget-element te klikken:

Hallo

Een pop-up element kan een enkele HTML-element zijn, zoals in het voorbeeld hierboven, of een整套 HTML-elementen, zoals in het volgende voorbeeld.

Zie ook:

HTML Referentie Handboek:HTML Input popovertarget-eigenschap

HTML Referentie Handboek:HTML Input popovertargetaction-eigenschap

Voorbeeld

Voorbeeld 1

Voeg een element met de popover-eigenschap <h1> toe, samen met een knop om het te tonen/verbergen:

<h1 popover id="myheader">Hallo</h1>
<button popovertarget="myheader">Klik op mij!</button>

Probeer het zelf uit

Voorbeeld 2

Gebruik een div-element als een pop-up element:

<div popover id="mydiv">
  <h2>Popover</h2>
  <hr>
  <p>Een pop-up venster is een element dat boven alle andere elementen wordt geplaatst.</p>
  <p>U kunt het gebruiken wanneer u iets belangrijks wilt communiceren.</p>
</div>

Probeer het zelf uit

Syntaxis

<element popover>

Eigenschapswaarde

popover De eigenschap is een boolean eigenschap. Als deze is ingesteld, specificeert het dat het element een pop-up venster element is.

Browserondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 Niet ondersteund 17 100