shadeClose: false 是禁用遮罩层关闭弹层的前提，需配合 document click 监听、index 缓存、手动 layer.close() 及防抖等措施实现外部点击保存逻辑。
layer.open 配置 shadeClose: false 是前提
默认情况下，点击遮罩层（窗口外部区域）会直接关闭弹层，根本不会触发你的保存逻辑。必须显式关闭这个默认行为，否则后续所有操作都无效。shadeclose: false 就是干这个的——它让遮罩层点击失效，但弹层本身仍保持可见，为你争取执行 js 的时间。
监听 document 的 click 事件并判断点击位置
遮罩层不可点后，你需要自己捕获“用户点了弹层外面”这个动作。核心思路是：给 document 绑定一次 click，在回调里用 event.target 判断点击元素是否在弹层容器内。不是，则视为点击外部。
- 弹层打开后，通过
layer.open返回的索引index获取弹层 DOM：layer.getChildFrame('.layui-layer-content', index)或更稳妥地查$('.layui-layer')[index] - 注意：不要依赖
layero参数（如success回调里的），它只在弹层初始化时有效，而外部点击发生在任意时刻 - 必须在弹层打开后立即绑定，且在关闭前手动解绑，否则多次打开会重复绑定，导致保存逻辑执行多次
yes 和 shadeClose: false 不冲突，但需手动调用 layer.close()
很多人误以为设置了 shadeClose: false 就没法用确定按钮了。其实完全不影响——yes 回调照常工作，只是你得在回调里显式写 layer.close(index)。同样，外部点击触发保存后，也必须手动调用 layer.close(index)，否则弹层会一直挂着。
- 保存逻辑建议封装成独立函数，比如
saveAndClose(index)，供yes和外部 click 共用 - 如果保存是异步（如
$.ajax），务必在success里再调layer.close()，避免用户看到弹层闪一下又回来 - 别在
error里直接关弹层，至少给个提示，否则用户不知道失败了
兼容性与边界情况容易被忽略
真正上线时出问题的，往往不是主流程，而是这些细节：
- 弹层可能有多个同时存在，
index是全局递增的，但你要确保当前监听的是「最新打开的那个」，建议用变量缓存最近一次的index，并在end回调里清空 - 移动端点击遮罩区域，有时会触发两次
click（iOS Safari 常见），加个 300ms 防抖很必要 -
layer.getChildFrame在 type=1（内容为 DOM 节点）时不可用，此时应直接用$(layero).find('.layui-layer-content') - 如果你用了
maxmin: true，最小化后弹层 DOM 会被移除，此时再点外部区域，layero已不存在，需提前判断
