点击弹层外部需禁用 shadeclose: false，监听 document click 判断 target 是否在弹层外，执行业务逻辑后手动 layer.close(index)，并注意 dom 渲染时机、事件解绑与兼容性处理。
点击弹出层外部时触发特定逻辑，本质是绕过 shadeclose: true 的默认关闭行为，转而手动捕获点击、判断区域、执行业务代码（比如校验表单、保存草稿、埋点统计），再决定是否关闭弹层。直接设 shadeclose: true 并指望它“回调”是行不通的——它只放行关闭动作，不提供钩子。
必须先禁用默认遮罩关闭
shadeClose: false 是所有自定义逻辑的前提。不设这个，点击遮罩层瞬间就 layer.close() 了，你的 JS 根本没机会执行。
- 如果弹层已打开，再改配置无效；必须在
layer.open()调用时就写死shadeClose: false - 别和
yes或cancel回调混用逻辑：它们不响应外部点击，cancel只管遮罩+×按钮统一销毁前的清理，无法区分来源 - 设成
false后，遮罩层变成“透明挡板”，点击无反应，但弹层仍在，给你留出操作窗口
监听 document click 并精准判断点击位置
靠 event.target 判断是否点在弹层容器外，不是简单查 .layui-layer 类名——因为多个弹层共存时，DOM 结构嵌套复杂，且遮罩层（.layui-layer-shade）是全局复用的，不能直接绑事件。
- 绑定时机：在
success回调里立即执行，此时layero已渲染完成，可安全取index - 判断逻辑：用
$(event.target).closest('.layui-layer')查是否落在任意弹层内；若返回空或不包含当前弹层的layero，即为外部点击 - 必须解绑：在
end回调里用$(document).off('click', handler)清理，否则重复打开会叠加监听器，导致保存逻辑执行多次
保存逻辑完成后必须手动关闭弹层
你接管了关闭权，就得自己负责收尾。漏掉 layer.close(index)，弹层就永远挂在那里。
- 同步逻辑：执行完保存后，直接调
layer.close(index) - 异步逻辑（如 AJAX）：必须在请求
success回调里关，不能放在then外层——否则用户看到弹层闪一下又回来 - 失败处理：不要在
error里直接关弹层，至少用layer.msg()提示错误，否则用户不知道操作失败了 - 防抖有必要：高频点击外部区域可能触发多次，加个
setTimeout防抖（比如 300ms 内只执行一次）更稳妥
容易被忽略的 DOM 渲染与兼容细节
看似简单的点击判断，在真实页面中常因 DOM 状态或环境失效，不是代码写错，而是时机或层级没对上。
-
success回调里才能拿到稳定的layero；在yes或cancel里查$('.layui-layer')可能为空，因为弹层 DOM 正在销毁 - 某些框架（如 Vue）或 CSS 重置会把
.layui-layer-shade的z-index压太低，导致点击穿透到下层元素，看起来像“没监听到”——检查浏览器开发者工具里的实际点击目标 - 移动端 Safari 对遮罩层
click支持不稳定，touchstart又易误触；生产环境建议降级为仅支持桌面端，或改用按钮显式提交 - 如果弹层里用了
type: 2（iframe），iframe 内容的body会拦截事件；父页需临时加pointer-events: none，但会禁用 iframe 内所有交互——不如限定只允许标题栏拖拽和操作
