ToggleEvent:newState 属性

Baseline 2023
新推出

自 ⁨2023 年 11 月⁩ 起,此功能可在最新的设备和浏览器版本中运行。此功能可能不适用于较旧的设备或浏览器。

ToggleEvent 接口的 newState 只读属性是一个字符串,表示元素正在转换到的状态。

一个字符串。可能的值为 "open"(弹窗正在显示)或 "closed"(弹窗正在隐藏)。

示例

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");
  }
});

规范

规范
HTML
# dom-toggleevent-newstate

浏览器兼容性

另见