HTMLElement : méthode hidePopover()

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

La méthode hidePopover() de l'interface HTMLElement masque un élément popover (c'est-à-dire un élément qui a un attribut popover valide) en le supprimant de la couche supérieure (en-US) et en le stylisant avec display: none.

Lorsque hidePopover() est appelée sur un élément affiché avec l'attribut popover :

  1. Un évènement beforetoggle est déclenché.
  2. Le popover est masqué.
  3. L'évènement toggle est déclenché.

Si l'élément est déjà masqué, une erreur est lancée.

Syntaxe

js
hidePopover()

Paramètres

Aucun.

Valeur de retour

Aucune (undefined).

Exceptions

InvalidStateError DOMException

Lancée si le popover est déjà masqué.

Exemples

L'exemple suivant définit un comportement pour masquer un popover en appuyant sur une touche particulière du clavier.

HTML

html
<button popovertarget="mypopover">Basculer l'affichage du popover</button>
<div id="mypopover" popover="manual">
  Vous pouvez appuyer sur la touche <kbd>h</kbd> de votre clavier pour fermer le
  popover.
</div>

JavaScript

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

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

Résultat

Spécifications

Specification
HTML Standard
# dom-hidepopover

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi