layer.confirm点击遮罩仍关闭的根源是shade未显式启用，shadeClose才生效；快捷方法不继承全局配置；需排查Esc键、CSS穿透、多层嵌套、重复调用等问题，并在success中绑定遮罩事件。
layer.confirm 点击遮罩仍关闭？先看 shade 和 shadeClose 是否同时显式声明
很多人写了 shadeclose: false 却没生效，根本原因不是配置错，而是漏了 shade。layui 的逻辑是：只有当 shade 被显式启用（比如 shade: 0.3 或 shade: true），shadeclose 才会参与判断；如果 shade 没写、为 false 或 0，那遮罩 dom 就不存在，shadeclose 直接被忽略。
所以正确写法必须是两者都出现：
layer.confirm('确认操作？', { shade: 0.3, shadeClose: false })- 不能只写
{ shadeClose: false }—— 这等同于没设shade，默认值不触发控制逻辑 - 也不能写
{ shade: false, shadeClose: false }—— 遮罩都没生成，点无可点
layer.confirm 快捷方法不继承全局 layer 配置
如果你在项目里全局重写了 layer.config({ shadeClose: false })，它对 layer.confirm 无效。所有快捷方法（layer.msg、layer.alert、layer.confirm）内部都会用硬编码的默认值覆盖全局配置，必须每个调用都单独传参。
-
layer.confirm('删掉？', { shadeClose: false })✅ -
layer.alert('提示', { shadeClose: false })✅ -
layer.msg('成功', { shadeClose: false })✅（尤其注意：time: 0时若不关shadeClose，用户真只能靠点遮罩来关）
为什么点了遮罩还是关了？常见干扰项排查
不是 shadeClose 失效，而是别的机制“代打”了关闭动作：
- 用户按了
Escape键：Layui 默认响应 Esc 关闭，和遮罩无关。需加closeBtn: 0+ 手动监听keydown并e.preventDefault() - CSS 导致点击穿透：
.layui-layer-shade被父容器的pointer-events: none拦截，或被其它弹层（如 Ant Design Modal）盖住，实际点中的是底层按钮 - 多个弹层嵌套时，上层
shadeClose: false，但下层监听了全局click并执行layer.close()，造成“点哪都关” - Vue/React 中
layer.open被响应式逻辑重复调用，每次新建弹层却没清旧监听，事件绑定混乱
移动端或快速开关场景下，success 里绑定遮罩 click 更可靠
如果需求不止是“不关闭”，还要“点遮罩执行自定义逻辑”（比如埋点、抖动、toast），不能依赖外部委托，必须在 success 回调里精准绑定当前遮罩节点：
layer.confirm('确定？', {
shade: 0.3,
shadeClose: false,
success: function(layero) {
const $shade = $(layero).prev('.layui-layer-shade');
$shade.on('click.layuiConfirmShade', function() {
console.log('遮罩被点');
// 执行你的逻辑
layer.msg('请通过按钮操作');
});
},
end: function() {
$(document).off('click.layuiConfirmShade');
}
});
关键点：$(layero).prev('.layui-layer-shade') 是唯一稳定获取当前遮罩的方式；用 .on(..., '.layui-layer-shade') 委托监听会因 DOM 动态销毁而失效；end 里清理事件防止内存泄漏或跨层误触。
真正容易被忽略的是：shadeClose 只管“点遮罩关不关”，但用户是否意识到“这里不该点”，得靠视觉反馈或文案提示补足——否则静默不响应，反而像卡死。
