点击遮罩层默认不触发cancel回调，需设shadeClose:false并手动在success中监听.layui-layer-shade的click事件，调用cancel(index, layero)实现等效取消逻辑。
layer.confirm 点击遮罩层默认不触发取消回调
layer.confirm 的遮罩层点击行为由 shadeclose 控制，但它的作用只是「是否关闭弹窗」，**不会自动调用 cancel 回调函数**。也就是说，即使你写了 cancel: function(index){...}，只要没显式设置 shadeclose: true，点击遮罩根本不会响应；而设为 true 后，它只会直接关闭弹窗，不进 cancel —— 这是很多人踩坑的根源。
-
shadeClose: true是唯一让点击遮罩生效的开关，但它是「绕过回调的硬关闭」 - 想让点击遮罩等效于点「取消按钮」，必须手动接管：禁用默认行为 + 在 shadeClick 里主动调 cancel
- layer 没有原生
shadeClick配置项，得靠success回调绑定事件监听
用 success 回调监听遮罩点击并触发 cancel
在弹窗 DOM 渲染完成后，找到遮罩元素（.layui-layer-shade），给它绑定 click 事件，并在 handler 中手动调用你的 cancel 函数 —— 注意传入正确的 index。
- 必须在
success回调中操作，因为此时 layero 和 index 已就绪 - 遮罩元素是全局唯一的，但要确保只绑定一次，避免重复监听（尤其在频繁调用 confirm 时）
- cancel 回调签名是
function(index, layero)，所以调用时别漏掉layero参数 - 调用完 cancel 后，是否关闭弹窗由你在 cancel 里决定：return false 就不关，不 return 就按默认逻辑关
示例代码：
layer.confirm('确定要删除吗？', {
shadeClose: false, // 关键：先禁用默认行为
success: function(layero, index) {
const shade = $('.layui-layer-shade');
const cancelHandler = function() {
// 手动触发 cancel 回调（假设你定义了 cancel 函数）
if (typeof cancel === 'function') {
cancel(index, layero);
}
};
shade.off('click').on('click', cancelHandler);
// 弹窗关闭后务必解绑，防止内存泄漏
layero.on('click', '.layui-layer-close', () => {
shade.off('click');
});
}
}, function(index) {
// 确认回调
layer.close(index);
}, function(index) {
// 取消回调（右上角 × 或遮罩点击都会进来）
console.log('用户取消操作');
layer.close(index);
});
为什么不能只靠 shadeClose: true？
因为 shadeClose: true 是无条件关闭，它跳过了所有业务逻辑判断。比如你可能需要在取消前校验表单、弹二次确认、或上报埋点 —— 这些都依赖 cancel 回调执行，而 shadeClose=true 完全绕过它。
- shadeClose=true → 直接 close → 不触发 cancel → 无法做前置处理
- shadeClose=false + 手动监听 shade click → 能进 cancel → 可控制是否关闭、是否弹确认、是否记录日志
- 如果你同时用了
closeBtn: 0（隐藏 × 按钮），那遮罩点击就是用户唯一的「取消出口」，更必须接管
容易被忽略的细节
遮罩点击事件监听不是一劳永逸的，尤其在单页应用中反复打开 confirm 时，旧监听可能残留，新监听又叠加，导致 cancel 被多次执行。最稳妥的做法是：每次打开前先清理已有监听，再绑定新的；或者用事件委托 + 唯一层索引标记来隔离。
- 不要用
$(document).on('click', '.layui-layer-shade', ...)—— 层级嵌套深时可能匹配不到 - 别在 success 外层提前定义 cancel 函数再传入，layer.confirm 的 cancel 参数是第四参数，顺序错会导致函数收不到 index
- Mac 用户注意：Safari 下遮罩点击偶尔失灵，建议加
cursor: pointer到.layui-layer-shade样式里
