ToggleEvent:newState 属性

基线 2024

新可用

2024 年 4 月起,此功能可在最新的设备和浏览器版本中使用。此功能可能在较旧的设备或浏览器中无法使用。

newStateToggleEvent 接口的只读属性,它是一个字符串,表示元素正在过渡到的状态。

一个字符串。可能的值为 "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

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅