Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
HTMLElement: Methode hidePopover()
Baseline 2024Newly available
Since April 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
DiehidePopover()-Methode desHTMLElement-Interfaces verbirgt einPopover-Element (d.h. eines, das ein gültigespopover-Attribut hat), indem es aus derTop-Ebene entfernt und mitdisplay: none gestylt wird.
WennhidePopover() bei einem sichtbaren Element mit dempopover-Attribut aufgerufen wird, wird einbeforetoggle-Ereignis ausgelöst, gefolgt davon, dass das Popover verborgen wird, und dann dastoggle-Ereignis ausgelöst. Wenn das Element bereits verborgen ist, wird ein Fehler ausgelöst.
Syntax
hidePopover()Parameter
Keine.
Rückgabewert
Keiner (undefined).
Ausnahmen
InvalidStateErrorDOMExceptionWird ausgelöst, wenn das Popover bereits verborgen ist.
Beispiele
Ein Popover verbergen
Das folgende Beispiel bietet eine Funktionalität, um ein Popover durch das Drücken einer bestimmten Taste auf der Tastatur zu verbergen.
HTML
<button popovertarget="mypopover">Toggle popover's display</button><div 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 # dom-hidepopover |