需禁用shadeclose并监听遮罩点击：设shadeclose: false、shade为有效值，在success中用settimeout+last()或委托事件绑定.click，end中解绑，移动端防重复触发。
需要在Layui弹出层的遮罩层被点击时执行埋点、校验、播放提示音等特定业务逻辑，而不是默认关闭弹窗——这不能靠shadeClose: true或cancel回调实现，因为它们根本不响应遮罩点击事件。
基础配置：禁用默认关闭，预留自定义入口
第一步：设置shadeClose: false，彻底关闭点击遮罩即关闭的行为。否则后续绑定的点击事件可能被 layer 内部逻辑拦截或覆盖。
第二步：确保shade值为有效数值（如0.3或[0.5, '#000']），【shade: false 会导致 .layui-layer-shade 元素根本不会渲染，后续所有监听都将失效】。
第三步：不依赖全局 document 绑定，只在当前弹层上下文中操作——所有逻辑必须写在success回调内，保证 DOM 就绪且作用域精准。
核心实现：精准监听当前遮罩点击
方法一：用setTimeout等待遮罩插入后绑定（最稳妥）
在success回调中写：
setTimeout(function() { $('.layui-layer-shade').last().off('click').on('click', function() { console.log('遮罩被点击'); myCustomHandler(); // 替换为你自己的函数 }); }, 10);
这一步操作起来很简单，但必须加.last()——因为反复打开弹窗时，.layui-layer-shade会不断追加，不取最后一个就可能绑到已关闭弹窗的旧遮罩上。
方法二：直接监听 document 并过滤目标（兼容性更强）
在success中写：
$(document).off('click.layuiShadeClick').on('click.layuiShadeClick', '.layui-layer-shade', function() { myCustomHandler(); });
注意：事件命名空间.layuiShadeClick必不可少，否则end里无法精准解绑，容易造成内存泄漏或跨层误触。
收尾防护：避免事件残留与重复绑定
第一步：在end回调中清理监听
end: function() { $(document).off('click.layuiShadeClick'); }
第二步：如果业务逻辑涉及关闭当前弹窗，必须显式调用layer.close(index)，【绝不能依赖 shadeClose 或自动触发，否则行为不可控】。
第三步：移动端需防双触发——点击遮罩可能同时触发touchstart和click，若逻辑敏感（如提交、跳转），应在myCustomHandler内加节流或改监听touchend。
