原生 popover 不支持失焦自动关闭，需通过触发按钮的 focusout 事件配合延迟检测 activeElement 是否在 popover 内实现；popover 被移至 body 末尾且不可聚焦，监听其 blur 无效；外部点击关闭需用全局选择器判断目标，同时设置高 z-index 防止被遮挡。
原生 popover 属性没有“失去焦点自动关闭”机制，popover="auto" 不支持 focusout 行为，popover（无值）手动模式更不响应 blur —— 想靠 tabindex + focus/blur 实现自动关闭，必须自己补逻辑。
popover 元素本身无法监听 blur
带 popover 属性的元素（如 <div popover>）会被浏览器提升到 <code> 末尾，脱离原始 DOM 位置。它默认不可聚焦，即使加 tabindex="-1"，blur 事件也不会在 popover 容器上触发，因为 UA 不把它当作焦点目标。
-
popover是展示层，不是焦点管理器；它的生命周期只由showPopover()/hidePopover()控制 - 试图给 popover 元素绑定
onblur或addEventListener('blur', ...)无效，事件根本不会冒泡或捕获到它 - Chrome/Firefox/Safari 均未实现 popover 的 focusout 自动隐藏，这不是兼容性问题，是规范未定义该行为
触发按钮加 tabindex + 监听 focusout 是可行路径
真正能响应失焦的是触发按钮（比如 <button popovertarget="my-popover"></button>），只要让它可聚焦，并监听其 focusout，就能在用户点击外部时收起 popover。
- 触发按钮必须有
tabindex="0"（或本身就是可聚焦元素如<button></button>） - 监听
focusout事件，但注意：该事件会在焦点移出按钮时立即触发，包括点击 popover 内容 —— 需要防误关 - 推荐做法：在
focusout中用setTimeout延迟判断，再检查当前document.activeElement是否在 popover 内部 - 示例关键逻辑：
trigger.addEventListener('focusout', () => { setTimeout(() => { const active = document.activeElement; const isInside = active?.closest('#my-popover') || active?.closest('[popovertarget="my-popover"]'); if (!isInside) popover.hidePopover(); }, 0); });
点击外部关闭更可靠，但要注意 DOM 位置
原生 popover 被提升到 底部，所以不能用 event.target.contains(popover) 判断点击是否在内部 —— popover 已不在原来父容器里。
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- 必须用全局选择器匹配：
event.target.closest('#my-popover')或event.target.closest('[popover]') - 同时检查触发器：
event.target.closest('[popovertarget="my-popover"]')，避免点回按钮又立刻重开 - 绑定在
document上的 click 监听器需注意：若 popover 内含表单控件（如<input>），首次点击可能触发 focus，第二次才真正选中，延迟一次 click 可能更稳 - 不要用
display: none或visibility: hidden干预 popover 状态，会破坏其内部生命周期，导致后续showPopover()失效
最易被忽略的一点：popover 的 z-index 默认偏低，当页面存在 <select></select>、<video></video> 或 iframe 时，click 事件可能被底层元素拦截，导致外部点击监听失效 —— 必须显式设置 div[popover] { z-index: 2147483647; } 才能保证事件穿透正常。
