layer.msg无法实现“无遮罩但锁底层”，因其shade设为false或0仅移除遮罩DOM，不阻止滚动、不加pointer-events:none、不拦截键盘事件；必须改用layer.open模拟并手动接管锁定逻辑。
不能用 layer.msg 实现“无遮罩但锁底层”——它压根不支持手动控制底层交互，shade 设为 false 或 0 后，body 会立刻恢复可点击，且无法拦截 esc/tab/触摸事件。
为什么 layer.msg 的 shade 参数无效
layer.msg 是轻量提示组件，内部硬编码了行为逻辑：shade: false 仅移除遮罩 DOM，但不会阻止 body 滚动、不会加 pointer-events: none、也不绑定任何键盘事件拦截。它的设计目标就是“一闪而过”，没有提供 success/end 回调，没法补锁逻辑。
- 设
shade: false→ 遮罩消失，但底部所有按钮、输入框、fixed 导航栏立即可点可输 - 设
shade: 0→ 和false效果一致，Layui 内部统一处理为“不渲染遮罩层” - 哪怕加
shadeClose: false，也毫无意义，因为layer.msg根本不响应点击遮罩事件
必须改用 layer.open 模拟 msg 行为
唯一可靠路径：用 layer.open 构造一个无标题、无边框、自动关闭、视觉上像 layer.msg 的弹层，并在其中手动接管底层锁定。
- type 设为
0（文字层），避免 iframe 或 DOM 移动带来的副作用 - 关掉所有装饰：
title: false、closeBtn: 0、skin: 'layui-layer-msg'（复用原样式） - 用
success加document.body.style.pointerEvents = 'none'锁底层 - 用
end清空该样式，但要加setTimeout延迟 200ms，避开关闭动画期的事件抢跑 - 监听
layero的keydown，拦截Escape和Tab，否则焦点仍会跳到底部 input
layer.open({
type: 0,
content: '操作中，请稍候',
shade: 0,
shadeClose: false,
closeBtn: 0,
time: 2000,
skin: 'layui-layer-msg',
success: function(layero) {
document.body.style.pointerEvents = 'none';
layero.onkeydown = function(e) {
if (e.key === 'Escape' || e.key === 'Tab') e.preventDefault();
};
},
end: function() {
setTimeout(() => {
document.body.style.pointerEvents = '';
}, 200);
}
});
iOS 和多弹层场景下的真实坑点
即使上面代码在 Chrome 里跑通，真机或复杂页面仍可能失效：
- iOS Safari 对
pointer-events: none不认账，尤其对<input>和<select>，得额外给它们加ontouchstart="event.preventDefault();" - 页面已有
position: fixed的顶部导航栏，它不受 body 锁定影响，需单独对其加pointer-events: none - 如果用户快速连续触发多个此类弹层，只靠修改
body.style.pointerEvents会冲突——必须用计数器管理锁定状态，增减时判断是否归零再开关
真正难的不是写几行配置，而是让“看不见的锁”在 iOS、Android、PC 各种输入方式下都咬死不松口。别指望一次 success + end 就万事大吉。
