Layui弹窗点击事件冒泡需在layer.open()的success回调中对弹窗内容区子元素绑定e.stopPropagation()，推荐拦截button、a等交互元素；遮罩层外点击残留需用捕获阶段监听shade并阻止传播。
在Layui中使用layer.open()弹出层时，若弹窗内部按钮或区域点击后意外触发了背后页面的按钮、下拉菜单或全局事件监听器，说明子元素点击事件正向上冒泡至body或父容器。
确认冒泡来源
先打开浏览器开发者工具，在控制台执行document.addEventListener('click', e => console.log('全局捕获:', e.target), true)，点击弹窗任意位置，观察是否输出父级DOM节点——若输出了或某个div.container，即证实冒泡存在。
这一步不能跳过，因为Layui默认弹窗是追加到body末尾的独立DOM结构，其与业务页面DOM无嵌套关系；所谓“冒泡到父级”实际是指：用户点击弹窗内元素时，事件穿透了弹窗遮罩层或未被拦截，最终被body或根级监听器捕获。
给弹窗内容区绑定stopPropagation
在调用layer.open()时，通过success回调获取弹窗DOM节点，对其中所有可交互子元素（如button、a、.layui-layer-btn）批量绑定click事件并调用e.stopPropagation()：
方法一：针对整个弹窗内容容器拦截
在success函数中写：$(layero).find('.layui-layer-content').on('click', '*', function(e) { e.stopPropagation(); });
方法二：只拦截按钮类操作元素（推荐）
.layui-layer-shade
（遮罩层）做此操作——它本就应响应点击关闭弹窗，强行阻止会破坏基础交互。
禁用遮罩层外点击关闭时的冒泡残留
当设置closeBtn: 0且shadeClose: false后，用户仍可能通过点击遮罩层外区域（即body空白处）触发其他监听逻辑。此时需在遮罩层上加一层静默捕获：
第一步：在success回调中获取遮罩层var shade = $('.layui-layer-shade').last()[0];
第二步：为其添加捕获阶段监听，立即终止传播shade.addEventListener('click', e => e.stopPropagation(), true);
这一步能确保哪怕用户快速连点遮罩层边缘，事件也不会漏出去——因为捕获阶段就在最顶层截断，比冒泡阶段更早生效。
替换默认按钮行为（可选）
如果你重写了btn配置项（例如自定义「确定」「取消」按钮），务必在按钮onclick处理函数开头加入event.stopPropagation()：
btn: ['确定', '取消'],<br>yes: function(index, layero) {<br> var btn = layero.find('.layui-layer-btn0');<br> btn.on('click', function(e) { e.stopPropagation(); });<br> // 后续你的业务逻辑<br>}
否则点击「确定」按钮时，事件仍会冒泡到body，可能意外触发导航栏折叠、侧边栏收起等全局行为。
