ToggleEvent: newState property
The newState
read-only property of the ToggleEvent
interface is a string representing the state the element is transitioning to.
Value
A string. Possible values are "open"
(the popover is being shown) or "closed"
(the popover is being hidden).
Examples
js
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 Standard # dom-toggleevent-newstate |
Browser compatibility
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
newState |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.