HTMLElement: hidePopover() Methode

Die hidePopover() Methode des HTMLElement Interface versteckt ein Popover Element (d.h. eines, das ein gültiges popover Attribut hat), indem es aus der obersten Ebene entfernt und mit display: none gestylt wird.

Wenn hidePopover() auf ein sichtbares Element mit dem popover Attribut aufgerufen wird, wird ein beforetoggle Ereignis ausgelöst, gefolgt vom Verstecken des Popovers und anschließend dem Auslösen des toggle Ereignisses. Wenn das Element bereits versteckt ist, wird ein Fehler geworfen.

Syntax

hidePopover()

InvalidStateError DOMException: Wird geworfen, wenn das Popover bereits versteckt ist.

Beispiele

Das folgende Beispiel bietet eine Funktionalität, um ein Popover durch Drücken einer bestimmten Taste auf der Tastatur zu verstecken.

HTML

html

<button popovertarget="mypopover">Toggle popover's display</button>
<div id="mypopover" popover="manual">
  You can press <kbd>h</kbd> on your keyboard to close the popover.
</div>

JavaScript

const popover = document.getElementById("mypopover");

document.addEventListener("keydown", (event) => {
  if (event.key === "h") {
    popover.hidePopover();
  }
});

Ergebnis

Spezifikationen

Specification
HTML Standard # dom-hidepopover

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

Popover API