点击外部不关闭popover的根源是事件监听未绑定在document上，应使用document.addEventListener并配合contains()判断点击目标，同时监听touchstart和click双事件以兼容iOS Safari。
popover 点击外部不关闭？检查事件监听是否绑在 document 上
绝大多数“点击外部不关闭”的问题，根源是事件监听器没挂到足够顶层的节点。用 document 是最稳妥的选择，而不是某个父容器或 body（某些情况下 body 会漏掉点击）。
常见错误：监听了 container.addEventListener('click', ...)，但 popover 是 position: fixed 或脱离文档流，点击它时根本没触发容器的事件。
- 必须用
document.addEventListener('click', handler)，且在 popover 显示后立即绑定 - handler 内要判断点击目标是否在 popover 内部或触发按钮上，否则一展开就立刻关闭
- 别忘了在 popover 隐藏时用
document.removeEventListener清理，避免内存泄漏
如何准确判断“点的是外部”？用 contains() 而不是 event.target.className
靠匹配 class 名、标签名或属性来判断是否点中 popover，极易出错——比如 popover 里有图标、文字、嵌套 div，event.target 可能是子元素而非根节点。
正确做法是拿到 popover 的 DOM 元素（比如 popoverEl），再用原生 contains() 方法：
立即学习“前端免费学习笔记（深入）”；
const isClickInside = popoverEl.contains(event.target) || triggerEl.contains(event.target);
如果 isClickInside 为 false，才执行关闭逻辑。
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
-
triggerEl是打开 popover 的按钮，必须也纳入白名单，否则点它会关自己 - 不要用
event.target === popoverEl，这只能匹配根节点，太脆弱 - 若 popover 是通过
createPortal渲染到body外（如 React），确保popoverEl是真实 DOM 节点，不是虚拟节点
autoclose_HTML 在 iOS Safari 上失效？注意 click 事件延迟和 touchstart 替代方案
iOS Safari 对非可点击元素（比如 div）的 click 事件有约 300ms 延迟，且有时完全不触发，尤其当 popover 内容区域没有 cursor: pointer 或 onclick 属性时。
解决方案是监听 touchstart（移动端）+ click（桌面端）双事件：
const closeOnOutside = (e) => { /* 同上 contains 判断 */ };document.addEventListener('click', closeOnOutside);document.addEventListener('touchstart', closeOnOutside);- 两个事件共用同一个 handler，别写两套逻辑
- 不用
pointerdown—— 它在部分旧版 iOS 和桌面触控设备上行为不一致 - 确保 popover 根元素设置了
tabindex="-1"，否则某些安卓 WebView 下 touch 事件可能不冒泡
为什么用原生 JS 实现比依赖 Bootstrap/Popper 更可控？
Bootstrap 的 data-bs-dismiss="popover" 或 Popper 的 detectOverflow + onClickOutside 插件，常在复杂场景下失灵：比如 popover 被 transform 缩放、嵌在 iframe 里、或页面有多个同名实例。
手写逻辑虽然多几行，但关键控制点清晰：
- 显示时明确绑定事件，隐藏时明确解绑
- 判断依据是 DOM 层级关系（
contains），不依赖 CSS 类或数据属性 - 可以轻松加例外：比如弹窗内有个下拉菜单，点击下拉项不应关闭 popover
- 兼容性好，
contains()和addEventListener在 IE9+ 都支持
真正难的不是写几行代码，而是每次 popover 显示/隐藏时，都要同步更新事件绑定状态——这个时机一旦错乱，就会出现“关不掉”或“点哪都关”。
