Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
HTMLElement : méthode hidePopover()
Baseline 2024Newly available
Depuis April 2024, cette fonctionnalité fonctionne sur les appareils et les versions de navigateur les plus récents. Elle peut ne pas fonctionner sur les appareils ou navigateurs plus anciens.
La méthodehidePopover() de l'interfaceHTMLElement masque un élémentpopover (c'est-à-dire un élément qui a un attributpopover valide) en le supprimant dela couche supérieure et en le stylisant avecdisplay: none.
LorsquehidePopover() est appelée sur un élément affiché avec l'attributpopover :
- Un évènement
beforetoggleest déclenché. - Lepopover est masqué.
- L'évènement
toggleest 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
InvalidStateErrorDOMExceptionLancée si le popover est déjà masqué.
Exemples
L'exemple suivant définit un comportement pour masquer unpopover en appuyant sur une touche particulière du clavier.
HTML
<button popovertarget="mypopover">Basculer l'affichage du popover</button><div 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 # dom-hidepopover |