原生 html popover 必须同时满足三要素：触发元素设 popovertarget="mytip"，目标元素 id="mytip" 且带 popover 属性；否则静默失效，控制台不报错。
popover属性必须配合popover元素和popovertarget一起用
原生 HTML popover 不是 CSS tooltip，也不是 JS 插件，它是一套声明式、无 JS 的轻量交互机制，但必须严格满足三要素：触发元素带 popovertarget 属性，目标元素有 id 且设 popover 属性，且二者 id 和 popovertarget 值要完全一致。
常见错误是只加了 popovertarget="mytip"，但目标元素写成 <div id="tooltip"> 或漏掉 <code>popover 属性——这会导致点击无反应，控制台也**不报错**，纯静默失效。
-
popovertarget只接受字符串值，必须与目标元素的id完全匹配（区分大小写） - 目标元素必须是
popover元素：即<div id="mytip" popover>...</div>，不能是<span popover></span>（部分浏览器不支持非块级元素） - 目标元素需在 DOM 中位于触发元素**之后**（文档流顺序），否则 Safari 会忽略（Chrome/Firefox 相对宽松）
popovertarget 的三种行为模式怎么选
popovertarget 本身不指定行为，真正控制开关逻辑的是 popovertargetaction 属性。它只有三个合法值：toggle（默认）、show、hide。没写 popovertargetaction 就等价于 toggle。
-
popovertargetaction="toggle"：点击触发元素，显示→隐藏→显示…循环。适合按钮类控件 -
popovertargetaction="show"：只负责打开，不会自动关闭；需另配关闭逻辑（比如在 popover 内放一个带popovertargetaction="hide"的按钮） -
popovertargetaction="hide"：只能关闭已打开的 popover，不能单独使用——若 popover 没开，点它无效
注意：show 和 hide 必须成对出现，且 hide 的 popovertarget 必须指向同一个 id，否则关不掉。
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
为什么点击后 popover 闪一下就消失？
这是最典型的生命周期陷阱：popover 默认是「模态」行为，但只要用户点击 popover 外部区域（包括触发按钮本身），浏览器就会自动关闭它——除非你显式阻止。
- 根本原因：原生 popover 的关闭策略是「点击外部关闭」，而触发按钮属于“外部”，所以
toggle模式下，第二次点击按钮 = 点击外部 → 关闭 → 再次触发 → 显示 → 立刻又被判定为外部点击 → 关闭，造成闪烁 - 解法一：给触发按钮加
popover属性（让它自己变成 popover 容器），但这会改变语义，不推荐 - 解法二（推荐）：用
event.preventDefault()拦住按钮默认行为，仅靠popovertarget控制；或者改用show/hide分离控制 - 解法三：用
:popover-openCSS 伪类 +pointer-events: none临时禁用触发区，但兼容性差，慎用
当前兼容性与降级建议
Chrome 110+、Edge 110+、Firefox 119+ 支持完整 popover API；Safari 16.4+ 仅支持基础 popover 和 popovertarget，不支持 popovertargetaction="show"/"hide"，且对嵌套 popover 行为不一致。
- 生产环境务必检查
Element.prototype.hasOwnProperty('popover')或用@supports (popover: auto)做 CSS 降级 - 不要依赖
popover做关键操作引导——它没有onshow/onhide回调，无法监听状态变化 - 若需定位、箭头、动画或键盘导航支持，仍得回退到 Popper.js 或
aria-describedby+ 手动管理逻辑
真实项目里，原生 popover 最适合静态提示、表单校验气泡、快捷操作说明这类简单场景；一旦涉及复杂交互或跨浏览器一致性要求，就得准备 JS fallback 路径。
