autofocus 在 layer 弹窗中不生效是因为 layer.open 异步渲染导致元素未及时挂载或被 form 模块覆盖；需在 success 回调中先执行 form.render('input') 再用 document.getElementById().focus() 聚焦，iframe 场景须在子页内处理，且须确保用户交互触发、DOM 就绪与表单渲染三者同时满足。
为什么 autofocus 在 layer 弹窗里不生效
layui 的 layer.open 默认是异步渲染 dom，即使你在 html 里写了 autofocus 属性，该元素在弹窗打开时往往还没被插入文档流，或者已被 form 模块重绘覆盖，导致浏览器忽略该属性。尤其当弹窗内容来自 dom 节点（如 content: $('#form-wrap')）或 iframe 时，autofocus 基本无效。
必须等 layer 渲染完成再调用 focus()
正确的时机不是页面加载完，也不是点击按钮瞬间，而是 layer 的 success 回调——它保证 DOM 已挂载、form 组件已初始化完毕。
- 务必在
success函数内操作，不能放在yes或end里 - 如果用了
form.render()，要确保它已在success中执行过（否则layui-input类样式未就绪，focus()可能失败） - 推荐用原生
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 弹窗中自动对焦的特殊处理
当 type: 2（iframe 层）时，子页面和父页面是隔离环境，autofocus 仍可能失效，且父页 JS 无法直接访问子页 DOM。
- 不要在父页尝试用
layero.find('iframe').contents().find('#xxx')—— 跨域时会报错，同域下也易因 iframe 加载时序出问题 - 正确做法：把聚焦逻辑写在子页面自身中，用
layui.use包裹，并监听DOMContentLoaded或使用setTimeout微调时机 - 若子页也用了
form模块，同样需先form.render('input')再focus()
子页面脚本示例：
layui.use(['form'], function() {
var form = layui.form;
form.render('input');
setTimeout(function() {
document.getElementById('phone').focus();
}, 100);
});
容易被忽略的兼容性细节
某些低版本 Chrome 或 Electron 环境下，focus() 调用后光标不显示、输入框无响应，本质是浏览器阻止了“非用户触发”的焦点行为。
- 确保聚焦动作发生在用户交互之后（例如点击按钮打开弹窗），而不是定时器或 AJAX 回调中直接调用
- 避免在
layer.close()后立刻 reopen 并聚焦——两次 close/open 间隙太短，DOM 未完全销毁重建，容易卡住 - 移动端 Safari 对
focus()更敏感，必要时加input.select()辅助选中
真正可靠的自动对焦，永远依赖「DOM 就绪 + form 渲染完成 + 用户上下文有效」三者同时满足，缺一不可。
