HTMLElement : méthode hidePopover()
io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/translated-content/files/fr/web/api/html_dom_api/index.md)
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 et en le stylisant avec display: none
.
Lorsque hidePopover()
est appelée sur un élément affiché avec l'attribut popover
:
- Un évènement
beforetoggle
est déclenché. - Le popover est masqué.
- L'évènement
toggle
est déclenché.
Si l'élément est déjà masqué, une erreur est lancée.
Syntaxe
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
<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
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