ToggleEvent

Интерфейс ToggleEvent представляет собой событие, уведомляющее пользователя о том, что состояние элемента изменилось.

Это объект события для HTMLElement beforetoggle и toggle событий, которые срабатывают на некоторых элементах незадолго до и сразу после перехода между отображением и скрытием соответственно.

beforetoggle срабатывает на элементах поповеров и <dialog>
toggle срабатывает на элементах поповеров, <dialog> и <details>

Конструктор

ToggleEvent(): Создаёт объект ToggleEvent.

Свойства экземпляра

Этот интерфейс наследует свойства от своего родителя, Event.

ToggleEvent.newState Только для чтения: Строка (либо "open" либо "closed"), представляющая состояние, в которое элемент переходит.
ToggleEvent.oldState Только для чтения: Строка (либо "open" либо "closed"), представляющая состояние, из которого элемент переходит.

Примеры

Базовый пример

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

// ...

popover.addEventListener("beforetoggle", (event) => {
  if (event.newState === "open") {
    console.log("Popover is being shown");
  } else {
    console.log("Popover is being hidden");
  }
});

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

Спецификация
HTML # toggleevent

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

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`ToggleEvent`	114	114	120	100	17	114	120	76	17	23.0	114
`ToggleEvent`	114	114	120	100	17	114	120	76	17	23.0	114
`newState`	114	114	120	100	17	114	120	76	17	23.0	114
`oldState`	114	114	120	100	17	114	120	76	17	23.0	114

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/ToggleEvent