HTMLElement: showPopover()-Methode
Die showPopover()
-Methode des HTMLElement
-Interfaces zeigt ein Popover-Element (d.h. eines, das ein gültiges popover
-Attribut besitzt) an, indem es zur Top-Schicht hinzugefügt wird.
Wenn showPopover()
auf einem Element mit dem aktuell verborgenen popover
-Attribut aufgerufen wird, wird ein beforetoggle
-Ereignis ausgelöst, gefolgt von der Anzeige des Popovers und danach das toggle
-Ereignis. Wenn das Element bereits angezeigt wird, wird ein Fehler ausgelöst.
Syntax
showPopover()
Parameter
Keine.
Rückgabewert
Keiner (undefined
).
Ausnahmen
InvalidStateError
DOMException
-
Wird ausgelöst, wenn das Popover bereits angezeigt wird.
Beispiele
Das folgende Beispiel bietet die Funktion, ein Popover durch das Drücken einer bestimmten Taste auf der Tastatur anzuzeigen.
Zuerst etwas HTML:
<div id="mypopover" popover>
<h2>Help!</h2>
<p>You can use the following commands to control the app</p>
<ul>
<li>Press <ins>C</ins> to order cheese</li>
<li>Press <ins>T</ins> to order tofu</li>
<li>Press <ins>B</ins> to order bacon</li>
<hr />
<li>Say "Service" to summon the robot waiter to take your order</li>
<li>Say "Escape" to engage the ejector seat</li>
</ul>
</div>
Und nun das JavaScript, um die Funktionalität zu verbinden:
const popover = document.getElementById("mypopover");
document.addEventListener("keydown", (event) => {
if (event.key === "h") {
popover.showPopover();
}
});
Spezifikationen
Specification |
---|
HTML Standard # dom-showpopover |
Browser-Kompatibilität
BCD tables only load in the browser