layer弹窗、table表头及iframe中搜索框自动聚焦需在渲染完成后手动调用focus()：弹窗在success回调中先form.render('input')再getElementById().focus()；table在done回调用setTimeout获取并聚焦；iframe需在子页layui.use中render后setTimeout聚焦；所有场景均需用户交互触发，否则浏览器策略会阻止光标显示。
layer弹窗里的搜索框怎么自动聚焦
autofocus属性在layer弹窗里基本无效，因为layer.open是异步渲染，DOM节点还没挂载到文档流，浏览器就跳过了该属性。必须等layer完成渲染、Layui表单模块初始化完毕后，再手动调用focus()。
关键点有三个：
- 必须把聚焦逻辑写在
success回调里，不能放在yes、end或按钮点击事件中 - 如果搜索框是Layui表单组件（比如带
layui-input类），要先执行form.render('input')，否则样式未就绪，focus()可能失败或光标不显示 - 推荐用原生
document.getElementById('search-input').focus()，比$('#search-input').focus()更稳定，避免jQuery未加载或选择器延迟问题
示例：
layer.open({
type: 1,
content: $('#search-modal'),
success: function(layero, index) {
form.render('input'); // 必须先渲染
document.getElementById('search-input').focus();
}
});
table表头搜索框如何打开即聚焦
Layui table的表头搜索框是手动插入的DOM，autofocus同样无效，且table.render本身不提供“首次渲染后聚焦”的钩子。必须在done回调里操作，确保表格和搜索输入框都已真实挂载。
注意两个易错点：
-
done回调里要加setTimeout(0, ...)或requestAnimationFrame，防止因DOM微任务顺序导致getElementById取不到元素 - 如果搜索框是动态生成（比如通过
templet函数拼接），得用委托方式查，例如layero.find('input[name="keyword"]')，而不是直接document.getElementById - 别在
render前就绑定事件——此时input还不存在
实操片段：
table.render({
elem: '#user-table',
url: '/api/users',
done: function(res, curr, count) {
setTimeout(() => {
const input = document.querySelector('input[name="keyword"]');
if (input) input.focus();
}, 0);
}
});
iframe弹窗中搜索框自动聚焦怎么处理
type: 2的layer弹窗是跨上下文环境，父页JS无法直接访问子页DOM，autofocus和父页focus()都失效。也不能用layero.find('iframe').contents()去操作——同域下易因加载时序失败，跨域直接报错。
唯一可靠路径是把聚焦逻辑写进子页面自身，并确保它在Layui表单就绪后执行：
- 子页必须引入
layui.use(['form'])，哪怕没用到form模块，这是触发form.render()的前提 - 聚焦前先调
form.render('input')，否则Layui重绘后的input结构里，原生focus()可能作用在被隐藏的原始节点上 - 加
setTimeout(..., 100)比DOMContentLoaded更稳妥，能避开部分低版本Chrome对iframe内焦点行为的拦截
子页面脚本示例：
layui.use(['form'], function() {
var form = layui.form;
form.render('input');
setTimeout(function() {
var input = document.getElementById('search-keyword');
if (input && !input.disabled && !input.readOnly) {
input.focus();
}
}, 100);
});
为什么focus()调用了但光标不显示
这不是代码写错了，而是浏览器策略限制：Chrome、Edge及多数Electron内核会阻止“非用户交互触发”的焦点行为。layer弹窗打开、table重载、iframe加载这些都不是用户直接点击/按键产生的动作，所以focus()虽执行成功，但光标不可见、输入无响应。
绕过方法有限，且需权衡体验：
- 确保弹窗/表格是由用户显式操作触发的（比如按钮
onclick），而非定时器或Ajax回调自动打开 - 在
success或done里加一次input.click()或input.select()，模拟一次轻量用户交互，可唤醒焦点能力 - 低版本Chrome（如80以下）或某些国产双核浏览器中，仍可能失败——这时只能放弃自动聚焦，改用视觉提示（如高亮边框+文字引导）
真正稳定的自动聚焦，永远依赖“用户已开始交互”这个前提。没点过、没按过、没动过鼠标，浏览器就会默默忽略focus()调用。
