HTML表单自动聚焦实现方法

HTML表单自动聚焦看似简单，实则暗藏多重陷阱：DOM未就绪、框架生命周期错位、autofocus与JS冲突、移动端非用户手势触发限制、表单重置后焦点丢失……任一环节疏忽都会导致focus()静默失效。本文系统拆解五大典型场景的根因与精准解法——从DOMContentLoaded时机控制、nextTick/useEffect同步策略，到移动端readonly绕过技巧、reset事件中手动恢复焦点，帮你一次理清“何时聚焦才真正安全可靠”，彻底告别无效聚焦调试。

focus() 方法没生效？检查元素是否已渲染

页面加载时调用 input.focus() 失败，大概率是因为 DOM 还没就绪。比如在