ToggleEvent

io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/translated-content/files/zh-cn/web/api/popover_api/index.md)

ToggleEvent 接口表示当元素的状态发生改变时通知用户的事件。

它为 HTMLElement 的 beforetoggle 和 toggle 事件提供事件对象，这两个事件会在弹出框元素在显示与隐藏状态间切换时（分别在切换前与切换后）触发。

• beforetoggle 在弹出框和 <dialog> 元素上触发 toggle 在弹出框、<dialog> 元素和 <details> 元素上触发

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

// ...

popover.addEventListener("beforetoggle", (event) => {
  if (event.newState === "open") {
    console.log("弹出窗口正在显示");
  } else {
    console.log("弹出窗口正在隐藏");
  }
});