HTMLElement: hidePopover() Methode

Baseline 2025
Newly available

Since January 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

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

js
hidePopover()

Parameter

Keine.

Rückgabewert

Keiner (undefined).

Ausnahmen

InvalidStateError DOMException

Wird geworfen, wenn das Popover bereits versteckt ist.

Beispiele

Ein Popover verstecken

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

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

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

Ergebnis

Spezifikationen

Specification
HTML
# dom-hidepopover

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
hidePopover

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

Siehe auch