结论：设 shadeClose: false 禁用默认关闭，再用事件委托 $(document).on('click', '.layui-layer-shade', ...) 绑定自定义逻辑，并在 end 回调中及时 off 清理，避免内存泄漏和误触发。
layer.open 怎么让点击遮罩层不关闭弹窗，却触发自定义逻辑
直接说结论：shadeclose: false 关闭默认关闭行为，再用 $(document).on('click', '.layui-layer-shade', ...) 监听遮罩层点击事件——但必须注意 dom 时序和事件委托陷阱。
默认情况下，shadeClose: true 是“点遮罩就关”，设为 false 后遮罩点击完全无响应。想让它“不关但做事”，就得手动绑定事件。但问题在于：.layui-layer-shade 是动态插入的，且每次 layer.open() 都会新建一个，直接 $('.layui-layer-shade').on('click', ...) 会失效。
- 必须用事件委托，监听在
document或已存在的父容器上 - 遮罩层 class 名固定为
layui-layer-shade，但可能有多个（比如嵌套弹层），需加 index 判断或用layer.getFrameIndex()关联当前层 - 不要在
success回调里用$('.layui-layer-shade').eq(-1)取最后一个——并发打开时不可靠
推荐写法：
layer.open({
type: 1,
content: $('#myForm'),
shade: 0.3,
shadeClose: false,
success: function(layero, index) {
// 绑定到 document，避免重复绑定（可加防重逻辑）
$(document).off('click.layuiShadeClick').on('click.layuiShadeClick', '.layui-layer-shade', function() {
console.log('用户点了遮罩，但没关弹窗');
// 这里执行你的自定义函数，比如记录埋点、播放提示音、弹 toast
myCustomHandler();
});
},
end: function() {
// 清理事件，防止内存泄漏或跨层误触
$(document).off('click.layuiShadeClick');
}
});
为什么不能只靠 shadeClose 和 cancel 配合实现
cancel 回调只响应右上角 × 按钮或按 ESC 键，对遮罩点击完全不触发；shadeClose: false 是彻底禁用，没有中间态。试图在 cancel 里做文章是徒劳的——它根本收不到遮罩点击事件。
常见错误写法：
-
shadeClose: false+cancel: function(){ doSomething(); return false; }→ 无效，cancel 不会被调用 - 在
open外部写$('.layui-layer-shade').click(...)→ 找不到元素，因为遮罩还没生成 - 用
setTimeout延迟绑定 → 时序难控，尤其快速开关多次时容易漏绑或多绑
遮罩层点击后阻止默认行为但保留滚动穿透怎么办
默认遮罩层会加 style="pointer-events: none;" 吗？不会。它本身是可点击的，但 shadeClose: false 后点击无反应，不代表它没捕获事件。如果你希望点击遮罩时既不关窗、也不阻止页面滚动（即遮罩「透点」），需要额外处理：
- 遮罩层默认有
position: fixed和全屏尺寸，它天然会挡住底层滚动，除非你主动改它的z-index或pointer-events - 真要实现“点击遮罩 = 点到底层”，得设
$('.layui-layer-shade').css('pointer-events', 'none')，但这会让自定义点击监听也失效——二者互斥 - 更现实的做法：不碰遮罩层样式，而是把你的自定义逻辑设计成“轻量反馈”（比如仅发个日志、闪个图标），别指望它替代真实交互
最易被忽略的一点：如果页面里用了 layer.closeAll()，它会连带销毁所有遮罩层，你绑定在 document 上的事件监听还在，但后续点击会找不到目标元素，控制台报错。所以 end 里的清理不是可选项，是必选项。
