layer.open 的 shadeClose 参数仅支持布尔值，无法直接执行函数；需通过监听 .layui-layer-shade 元素的 click 事件实现点击遮罩逻辑，并注意事件绑定与解绑以避免重复和内存泄漏。
layer.open 的 shadeClose 参数不能直接执行函数
点击遮罩层默认只关闭弹窗，shadeclose 是个布尔值，设为 false 就禁用关闭，但不会触发回调——它本身不支持传函数。想在点击遮罩时执行逻辑，得换思路。
用 shade 的 click 事件监听遮罩层
Layui 的遮罩层（.layui-layer-shade）是独立 DOM 元素，且 layer 在打开弹窗后会保证该元素存在。只要确保弹窗已渲染，就能给它绑定 click 事件：
layer.open({
content: 'Hello',
shade: 0.3,
success: function(layero, index) {
// 等待遮罩层渲染完成（layer 内部已插入 .layui-layer-shade）
setTimeout(function() {
$('.layui-layer-shade').off('click').on('click', function() {
console.log('遮罩被点击了');
// 这里写你的业务逻辑，比如埋点、校验、或手动关闭
// layer.close(index);
});
}, 10);
}
});
-
success回调里操作最稳妥，此时 DOM 已就绪 -
setTimeout是为了等 layer 完成遮罩插入（极短延迟即可，10ms 足够） - 务必用
.off('click').on('click', ...)避免重复绑定（尤其反复打开弹窗时） - 注意：如果页面有多个 layer 弹窗，
.layui-layer-shade可能有多个，但当前激活的遮罩总在最后（$('.layui-layer-shade').last()更精准）
慎用 layer.closeAll() 或全局 shade 监听
不要在 document 上监听 click 并判断是否点在遮罩上——Layui 的遮罩没有唯一 class 或 data 属性区分归属，容易误判；也别依赖 layer.closeAll()，它会关掉所有弹窗，不是你想要的“仅响应当前弹窗遮罩”。
- 遮罩层无索引标识，无法从事件对象反推对应哪个
index - 若需关闭当前弹窗，应在事件里显式调用
layer.close(index)，而不是靠shadeClose: true - 移动端点击遮罩可能触发两次（touchstart + click），建议加防抖或只监听
touchend（如需兼容）
替代方案：改用自定义按钮或取消 shade
如果业务逻辑复杂（比如点击遮罩要弹确认框、或阻止关闭），不如放弃遮罩交互，改用显式按钮：
layer.open({
content: '<div>内容</div><div style="margin-top:15px">
<button id="confirm-btn">确定</button><button id="cancel-btn">取消</button>
</div>',
shade: false, // 关闭遮罩
success: function(layero) {
$('#cancel-btn').on('click', function() {
console.log('用户点了取消按钮');
layer.closeAll();
});
}
});
这种写法可控性强，避免 DOM 事件干扰，也更符合用户预期——遮罩本就不该承担复杂交互语义。
真正容易被忽略的是：遮罩层在 layer 销毁时不会自动解绑事件，反复打开会导致监听器堆积。每次绑定前必须 .off()，且最好在 cancel 或 end 回调里清理，否则内存泄漏风险真实存在。
