关闭按钮点击无响应八成是事件冒泡所致：点击触发关闭后，事件向上冒泡至外层监听器（如遮罩层或body），导致弹窗刚隐藏又被重新显示，表现为“一闪而过”或“根本关不掉”。
关闭按钮点了没反应，八成是事件冒泡惹的祸
弹窗关不掉，不是函数没写、也不是 DOM 没找到，而是点击关闭按钮后，事件一路往上冒泡，触发了外层（比如遮罩层或 body）的“点哪都关”逻辑——结果按钮刚执行 hidePopup()，紧接着又被外层监听器重新 showPopup() 了，肉眼看着就是“一闪而过”或“根本关不掉”。
用浏览器开发者工具打开 Event Listeners 面板，展开遮罩层元素（如 .popup-mask），看它有没有绑 click 监听器；再点一下关闭按钮，在控制台打个 console.log(e.target, e.currentTarget)，确认事件源头是不是真落在按钮上。
- 动态插入的弹窗（比如 AJAX 加载后 append 的），监听器很可能绑早了——DOM 还没出来就去查
document.querySelector('.close')，拿到的是null - Vue/React 中组件重渲染后，新生成的按钮没重新绑定事件，或状态更新没走响应式通道（比如直接赋值
show = false而非setShow(false)） - 遮罩层监听的是
document或body，但没做e.target区域判断，导致所有点击都被当成“点外面”
原生 JS 里怎么正确 stopPropagation
e.stopPropagation() 必须在事件处理器里显式调用，而且得用 addEventListener，不能只靠内联 onclick="close()" —— 后者拿不到事件对象 e。
正确写法：
立即学习“前端免费学习笔记（深入）”；
document.querySelector('.popup .close').addEventListener('click', e => {
e.stopPropagation();
hidePopup();
});
- 别写
return false：在原生事件里它等价于stopPropagation() + preventDefault()，但语义模糊，且在 React 合成事件中完全无效 - 如果父级用了捕获阶段监听（第三个参数为
true），子元素只在冒泡阶段stopPropagation()是拦不住的——得统一用捕获，或改用目标判断 - 移动端要额外注意：
touchstart也会冒泡，且可能穿透到下层 canvas 或游戏场景，必须同样处理
Vue 里 @click.stop 和 @click.self 怎么选
Vue 模板里推荐优先用修饰符，比手写 JS 更直观、更不易漏。
@click.stop 是最常用也最保险的：加在关闭按钮或弹窗内容区上，确保任何点击都不会往外传。
@click.self 适合用在遮罩层上：只有点击遮罩层本体（非子元素）才触发关闭，天然兼容按钮和表单控件。
- 不要只给按钮加
.stop，遮罩层也得加——否则用户点弹窗空白处仍会冒泡到外层 - 避免嵌套多个
.stop：比如<div @click.stop><button @click.stop>，纯属冗余，一层就够了 - 如果弹窗里还有可交互子组件（如下拉菜单、滑块），它们内部的点击也要各自
.stop，否则会意外关闭整个弹窗
input type="file" 在 dialog 里点取消就关？这是 Chromium 的坑
Chrome/Edge 等基于 Chromium 的浏览器中，<dialog> 内的 <input type="file"> 点「取消」会触发 cancel 事件，并向上冒泡到 <dialog>，被错误识别为用户主动关闭指令——Firefox 没这问题。
不能阻止 cancel 事件（它的默认行为不可取消），只能靠来源判断 + 补救：
const dialog = document.getElementById('myDialog');
let isCancelledByChild = false;
dialog.addEventListener('cancel', e => {
isCancelledByChild = e.target !== dialog;
});
dialog.addEventListener('close', e => {
if (isCancelledByChild) {
dialog.showModal(); // 立即恢复
isCancelledByChild = false;
}
});
这个模式看似绕，但它是目前唯一稳定跨浏览器的解法。容易忽略的是：补救必须用 showModal()，而不是 show()——前者保持模态栈和焦点管理，后者只是普通显示，按 Esc 还是会关。
