ToggleEvent 对 popover 完全无效，因其专为 设计，popover 不派发该事件且无 newState 属性；可靠判断状态需用 :popover-open 伪类配合 getComputedStyle()、手动维护布尔变量或 document.querySelector('[popover]:popover-open')。
不能用 ToggleEvent 读取 popover 状态——它根本不会触发这个事件。
为什么 ToggleEvent 对 popover 完全无效
ToggleEvent 是专为 <details></details> 设计的原生事件，其 newState 属性只在 <details></details> 的 toggle 事件中存在。popover 元素（无论写成 popover、popover="auto" 还是 popover="manual"）**不派发 ToggleEvent，也不提供 newState 属性**。试图监听 toggle 事件并读取 e.newState，结果只会是 undefined 或直接报错 Cannot read property 'newState' of undefined。
常见错误场景包括：
- 把
<div popover> 当成 <code><details></details>处理，绑定addEventListener('toggle', ...) - 在 polyfill 或降级逻辑里统一用
ToggleEvent判断所有“可展开元素”的状态 - 看到 MDN 上
ToggleEvent文档，误以为它覆盖所有 toggle 类型交互 - 用
:popover-open伪类配合getComputedStyle()：执行getComputedStyle(elem).display === 'block'（前提是已设[popover] { display: none }初始样式） - 记录 JS 调用痕迹：手动维护一个布尔变量，每次调用
showPopover()后设为true，调用hidePopover()后设为false - 检查
document.querySelector('[popover]:popover-open')是否包含目标元素（注意：该选择器仅 Chromium 114+ 支持，且只匹配被showPopover()激活的元素） - 如果必须在显示后执行逻辑（如聚焦内部输入框），直接在
showPopover()调用后加setTimeout(() => elem.querySelector('input')?.focus(), 0) - 若需监听任意 popover 开/关（比如做全局遮罩层），可用
MutationObserver监听document.body中[popover]:popover-open的出现/消失（兼容性差，仅 Chromium 可行） - 降级方案中（如用
<dialog></dialog>或自定义 div 模拟），才真正可控——此时你完全掌握open状态和事件流 - 放弃实时监听，改用「操作即状态」：用户点
show按钮，你就认为它开了；点hide按钮，就认为它关了 - 给触发按钮加
data-popover-state="open"，并在点击时手动切换该属性值 - 避免混合使用：
popovertarget和showPopover()不能共存于同一 popover，否则行为不可预测（Chrome 会优先走 JS 路径，忽略属性）
怎么可靠判断 popover 当前是否打开
popover 没有 open 属性，也没有 isOpen 只读属性，它的状态必须通过组合方式推断：
立即学习“前端免费学习笔记（深入）”；
不要依赖 elem.hasAttribute('open') —— popover 元素根本没有 open 属性；也不要查 elem.open，它始终是 undefined。
想响应 popover 状态变化？别等事件，改用 MutationObserver 或轮询
原生 popover API 不提供 onshow、onhide 或类似 beforetoggle 的钩子。所谓 beforetoggle 事件只存在于旧草案中，当前所有稳定浏览器均未实现。
popovertarget 触发的 popover 怎么同步状态
用 popovertarget + popovertargetaction 实现无 JS 控制时，状态完全由浏览器托管，JS 无法直接感知。此时唯一可行的同步方式是：
最易被忽略的一点：popover 的“打开”是异步视觉呈现，showPopover() 返回后，元素未必立刻在视觉上可见（尤其带 transition 时），所以任何依赖“已显示”状态的 DOM 操作，都得加 requestAnimationFrame 或过渡完成回调。
