layer.open 弹层中需在 success 回调内操作按钮：用 $(layero).find() 定位、prop('disabled', true) + layui-btn-disabled 类 + 文字提示三者缺一不可；须管理 timeoutId 并在点击/关闭时 clearTimeout，移动端优先监听 touchstart 防重复触发。
layer.open 里怎么在弹层打开后几秒禁用按钮
不能靠 settimeout 直接操作按钮 dom，必须等弹层内容渲染完成再找按钮——success 回调是唯一可靠入口。layui 的 layer.open() 是异步的，dom 插入有延迟，过早查 #submitbtn 会返回空。
-
success函数里用$(layero).find('button[lay-filter="save"]')定位按钮，别用全局选择器（如$('button')），避免误操作其他弹层里的同名按钮 - 禁用前确认按钮是否已绑定事件：若按钮带
lay-submit，Layui 会在 form 渲染时自动绑定，但手动插入的按钮需先调form.render() - 时间起点是弹层完全显示后，不是
layer.open()调用时刻——所以setTimeout必须写在success内部，而非外层
示例：
layer.open({
content: '<form><input name="name"><button type="button" lay-filter="save">保存</button></form>',
success: function(layero, index) {
setTimeout(() => {
const btn = $(layero).find('button[lay-filter="save"]');
btn.prop('disabled', true).addClass('layui-btn-disabled').text('已锁定');
}, 3000);
}
});
为什么只加 disabled 属性按钮还是能点
因为 Layui 按钮的点击响应不完全依赖原生 disabled 属性，尤其当按钮绑定了 lay-submit 或通过 form.on('submit') 监听时，事件仍可能被触发。必须双管齐下。
- 设置
btn.prop('disabled', true)：阻断原生点击和表单提交链路 - 添加
layui-btn-disabled类：同步灰显样式，否则视觉上无反馈 - 别漏掉文字变更：
btn.text('3秒后锁定')提供明确状态提示，避免用户困惑
只写 btn.attr('disabled', 'disabled') 是错的——部分浏览器下 attr 不触发属性语义变更，prop 才是正确 API。
用户提前点击了怎么办？如何取消倒计时
如果用户在倒计时结束前点了按钮，必须立刻清除定时器，否则 setTimeout 仍会执行禁用逻辑，造成按钮卡死。Layui 没提供内置取消机制，得自己管理 timeoutId。
- 把
timeoutId声明在success外层作用域，确保按钮点击回调能访问到它 - 在按钮 click 处理函数开头加
clearTimeout(timeoutId)，再执行业务逻辑 - 如果弹层支持取消按钮（如
cancel回调），同样要清 timer，否则用户关掉弹层后定时器还在跑
关键点：timeoutId 和 index 必须在同一作用域声明，否则闭包丢失导致 clearTimeout 失效。
移动端点击穿透导致按钮重复触发
安卓 WebView 和旧版 iOS 存在 300ms 点击延迟，用户快速连点可能触发两次事件，倒计时还没开始按钮就已被点中。不能只依赖“几秒后禁用”，得前置拦截。
- 在按钮的
touchstart阶段就执行禁用，比click更早、更可靠 - 禁用后立即
return false或e.preventDefault()，防止事件继续冒泡 - 若按钮位于 iframe 内或动态加载内容中，
touchstart监听要委托到父容器，避免事件未绑定
这个细节容易被忽略：PC 端正常，但一上真机就出问题，本质是触摸事件与 click 的执行时机差造成的竞争条件。
