ToggleEvent - Web APIs | MDN (original) (raw)
Newly available
The ToggleEvent
interface represents an event notifying the user an Element's state has changed.
This is the event object for the HTMLElement
beforetoggle and toggle events, which fire on some elements just before and just after they transition between showing and hidden, respectively.
beforetoggle
fires on popovers and elementstoggle
fires on popovers, elements, andelements Event ToggleEvent
Constructor
Creates an ToggleEvent
object.
Instance properties
This interface inherits properties from its parent, Event.
ToggleEvent.newState Read only
A string (either "open"
or "closed"
), representing the state the element is transitioning to.
ToggleEvent.oldState Read only
A string (either "open"
or "closed"
), representing the state the element is transitioning from.
Examples
Basic example
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");
}
});
Specifications
Specification |
---|
HTML # toggleevent |