HTMLElement: свойство popover

Ограниченная доступность

Эта функция не относится к Baseline, так как она не работает в некоторых из самых широко используемых браузеров.

Свойство popover интерфейса HTMLElement получает и устанавливает состояние всплывающего окна элемента через JavaScript ("auto" или "manual") и может использоваться для определения функциональности.

Оно отражает значение глобального HTML-атрибута popover.

Значение

Перечисление; возможные значения:

"auto": В состоянии авто:
- Всплывающее окно может быть скрыто «лёгким касанием» — это означает, что вы можете скрыть всплывающее окно, кликнув вне его или нажав клавишу Esc.
- Обычно одновременно может быть отображено только одно всплывающее окно — отображение второго всплывающего окна, когда одно уже отображено, скроет первое. Исключением из этого правила являются вложенные всплывающие окна в режиме авто. Подробнее см. Вложенные всплывающие окна.
"manual": В ручном режиме:
- Всплывающее окно нельзя скрыть «лёгким касанием», хотя декларативные кнопки отображения/скрытия/переключения всё ещё будут работать.
- Одновременно могут отображаться несколько независимых всплывающих окон.

Примеры

Обнаружение функциональности

Вы можете использовать атрибут popover для обнаружения API всплывающих окон:

function supportsPopover() {
  return HTMLElement.prototype.hasOwnProperty("popover");
}

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

const popoverSupported = supportsPopover();

if (popoverSupported) {
  popover.popover = "auto";
  toggleBtn.popoverTargetElement = popover;
  toggleBtn.popoverTargetAction = "toggle";
} else {
  console.log("Popover API not supported.");
}

Спецификации

Спецификация
HTML # dom-popover

Совместимость с браузерами

	Десктоп					Мобильное
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`popover`	114	114	125	100	17	114	125	76	18.3 17–18.3 На iOS и iPadOS всплывающие окна не скрываются при нажатии за пределами области всплывающего окна, см. ошибку 267688.	23.0	114

См. также

popover Глобальный атрибут HTML
API всплывающих окон