iPhone Safari 的 document.click 不触发，根本原因是事件在到达 document 前被强制截断：若 body 的直接子元素均未绑定 click 事件或调用 stopPropagation()，Safari 会在离开 body 后丢弃事件，不继续冒泡至 html、document 或 window。
iPhone Safari 的 document.click 不触发，根本原因不是事件没发生，而是它压根没冒泡到 document 层——被 Safari 的事件冒泡截断机制提前丢弃了。
移动端 Safari 对冒泡链有“强制拦截”规则
iOS Safari（特别是旧版 WebKit 内核）在事件冒泡过程中有个特殊行为：如果点击路径上从目标元素一路向上，直到 body 的**直接子元素为止**，都没有任何一个节点调用 stopPropagation() 也没有绑定任何 click 处理器，那么该事件会在到达 body 后立即终止，不再继续向 html、document 或 window 冒泡。
换句话说：没有“中间人”接住事件，Safari 就当它不存在。
- 普通浏览器（Chrome/Firefox）：click 会完整走完
target → parent → body → html → document → window - iOS Safari（尤其 iOS 12–15）：若
body下所有直系子元素都未监听 click，事件在离开body前就被丢弃
全局监听失效的典型场景
你写 $(document).on('click', hidePopup) 或 document.addEventListener('click', hidePopup)，本意是捕获任意位置点击来关闭弹窗。但实际运行时：
立即学习“Java免费学习笔记（深入）”；
Plan Dubai Travel — Flights, Hotels, Burj Khalifa, Desert Safari, Malls & Itineraries
下载
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
- 用户点的是空白区域（比如
<div class="page"></div>），而这个 div 没绑 click、没阻止冒泡、也没做任何响应 - 它的父级（
body直接子元素）同样沉默，整个冒泡链“无人应答” - Safari 判定该事件无意义，直接丢弃，
document根本收不到
结果就是：PC 和安卓一切正常，iPhone 上点击空白毫无反应。
为什么加个空 handler 就能修好
解决方案如 $("body").children().click(() => {}) 或 document.body.addEventListener('click', () => {}, true)，本质是人为制造一个“中间人”：
- 只要任意一个祖先节点（哪怕只是
body的子元素）注册了 click 处理器，Safari 就认为该事件“值得传递” - document，你的监听函数就能执行
- 这个空函数不干扰业务逻辑，只起“通行证”作用
更现代、更干净的替代方案
比起给所有子元素加空监听，推荐以下两种做法：
-
给弹窗容器加
stopPropagation()：在弹窗根元素上绑定click并调用e.stopPropagation()，这样点击弹窗内部不会冒泡，而点击外部自然触发document监听 —— 无需额外“保底”handler -
用
composedPath()+ 精准判断：监听document的 click，用e.composedPath().includes(popupEl)判断是否点在弹窗内，不在就关闭；注意隐藏时要移除监听防内存泄漏
这些方法绕开了 Safari 的冒泡限制，也更符合语义和性能预期。
