popover属性本身不响应focus/blur事件，其作用仅为将元素纳入浏览器popover生命周期管理；自动失焦关闭是popovertarget触发的auto模式默认行为，需满足目标元素含popover（无值）、ID配对、未被JS干预等条件才生效。
popover 属性本身不响应 focus/blur 事件
popover 是布尔属性，不是行为开关，它只决定元素是否被浏览器纳入 popover 生命周期管理。所谓“失去焦点自动关闭”，其实是 popovertarget 触发的 auto 模式（或更准确地说：未显式干预时的默认行为）的一部分，而非 popover 属性自身控制。你不能通过改写 popover 的值或监听其父元素 blur 来干预关闭逻辑。
真正起作用的是 popovertarget + auto 模式 + 浏览器默认行为
只有同时满足以下条件，点击外部或失焦才会自动关闭：
- 触发元素带
popovertarget="xxx"，且目标元素有id="xxx"和popover（无值） - 目标元素是语义合理容器（如
<div popover>或<popover>），非<button>、<input>等交互元素 - 未调用
showPopover()或hidePopover()—— 一旦 JS 显式介入，浏览器就放弃自动失焦关闭逻辑 - 当前浏览器支持该行为：Chrome/Edge ≥114 支持，Safari 17.4+ 仅部分支持（Esc 可关，外部点击不一定），Firefox 完全不支持
想禁用失焦自动关闭？只能切 manual 模式 + 手动控制
没有“关闭自动失焦”这个配置项。你要的效果本质是“只允许按钮控制开闭”，那就必须放弃 popovertarget 的自动机制，改走 JS 手动路径：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 移除所有
popovertarget属性，目标元素只保留popover（无值） - 用
triggerBtn.addEventListener('click', () => popover.showPopover())控制打开 - 关闭必须显式调用
popover.hidePopover()，比如在弹层内放一个<button onclick="this.closest('[popover]').hidePopover()">关闭</button> - 若还需响应 Esc 键，手动监听：
document.addEventListener('keydown', e => e.key === 'Escape' && popover.matches('[popover][popover]:not([hidden])') && popover.hidePopover())
常见失效原因：你以为在控制失焦，其实根本没进 auto 流程
很多开发者加了 tabindex="-1" 或给触发按钮加 blur 监听，结果毫无反应——因为这些操作和 popover 生命周期无关。真正卡住的往往是：
立即学习“前端免费学习笔记（深入）”；
- 目标元素是
<button popover>：直接抛DOMException，showPopover() 都调不了 - 目标元素动态插入后才加
popover：Safari 17.4+ 拒绝识别，popovertarget彻底静默 - 写了
popover="auto"或popover="manual"：属性值被忽略，浏览器当没这回事，popovertarget失效 - 页面用了 Shadow DOM 且目标不在同一 scope：ID 匹配失败，触发器找不到目标
失焦自动关闭不是可调参数，它是 auto 模式下浏览器对“非 popover 元素点击”这一事件的默认响应。你无法微调它，只能选择接受它，或者彻底换 manual 路径自己扛。
