ToggleEvent: oldState 属性

Baseline 2023
新推出

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

oldStateToggleEvent 接口的一个只读属性,它是一个字符串,表示元素正在从哪个状态转换。

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

示例

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

// …

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

规范

规范
HTML
# dom-toggleevent-oldstate

浏览器兼容性

另见