HTMLElement: метод hidePopover()

Метод hidePopover() интерфейса HTMLElement скрывает элемент поп-ап (т.е. элемент, у которого есть допустимое значение атрибута popover) путем удаления его с верхнего слоя и стилизации с помощью display: none.

При вызове hidePopover() на элементе, отображающем поп-ап, с атрибутом popover, сработает событие beforetoggle, затем поп-ап будет скрыт, после чего сработает событие toggle. Если элемент уже скрыт, будет выброшено исключение.

Нет.

Нет (undefined).

InvalidStateError DOMException

Выбрасывается, если поп-ап уже скрыт.

Следующий пример демонстрирует скрытие поп-апа при нажатии определенной клавиши на клавиатуре.

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

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

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

Результат

• API поп-апов