autofocus在layer.open中不生效是因为其异步渲染导致元素未及时挂载或被form模块覆盖；必须在success回调中先执行form.render('input')再调用document.getElementById().focus()聚焦。
autofocus 属性为什么在 layer.open 里不生效
因为 layer.open 是异步渲染 dom，哪怕你在 html 里写了 autofocus，元素大概率还没插入文档流，或者已被 layui 的 form.render() 重绘覆盖，浏览器直接忽略该属性。尤其当 content 是 dom 节点（比如 content: $('#form-wrap')）或 iframe 时，autofocus 基本无效。
必须在 success 回调里手动 focus()
真正可靠的时机是 layer.open 的 success 回调——它保证 DOM 已挂载、Layui 表单模块已初始化完毕。这里要分两步做：
- 先执行
form.render('input')，确保layui-input类样式和事件绑定就绪 - 再用原生
document.getElementById('xxx').focus()聚焦，比 jQuery 的$('#xxx').focus()更稳定（避免选择器延迟或 jQuery 未加载）
示例：
layer.open({
type: 1,
content: $('#edit-form'),
success: function(layero, index) {
form.render('input');
document.getElementById('username').focus();
}
});
iframe 弹窗怎么聚焦子页面的 input
type: 2 场景下，父页 JS 无法直接访问子页 DOM（跨域报错，同域也易因加载时序失败），不能用 layer.getChildFrame().find() 这类写法。正确做法是把聚焦逻辑写在子页面内部：
- 子页中用
layui.use(['form'], function() {...})加载模块 - 先
form.render('input')，再document.getElementById('phone').focus() - 加
setTimeout(..., 100)微调时机（防极快渲染下 DOM 尚未完全 ready）
子页 JS 示例：
layui.use(['form'], function() {
var form = layui.form;
form.render('input');
setTimeout(function() {
document.getElementById('phone').focus();
}, 100);
});
动态弹窗反复打开时容易漏掉的点
如果弹窗支持多次打开（比如编辑不同行数据），以下三点极易出错：
- input 的
id必须唯一，不能多个弹窗共用同一个id（否则getElementById总取第一个） - 如果用 jQuery 绑定清除图标事件，务必用
.off('click').on('click')防重复绑定 -
success回调里不要依赖全局变量未初始化的form实例——Layui 的form模块需显式layui.use加载，且不能晚于success执行
聚焦这事看着简单，但卡在 DOM 渲染节奏、模块加载顺序、作用域隔离这三处，就全白搭。
