这种跨浏览器的focus()失效问题我之前也踩过坑，Firefox对焦点触发的时机和上下文确实有不少特殊限制，咱们一步步来排查解决：

1. 异步操作里的触发时机不对 #

Firefox对非用户主动触发的焦点操作管控很严，比如在setTimeout、AJAX回调这类异步代码里直接调用focus()，大概率会被浏览器的安全机制拦截——它会认为这不是用户主动发起的操作。

解决办法：
尽量把对焦逻辑放在用户直接触发的事件回调里（比如click、keydown这类）。如果必须在异步操作后执行，可以用requestAnimationFrame包裹，让它在浏览器下一次重绘周期执行，绕过限制：

// 替换原来的直接focus调用
requestAnimationFrame(() => {
  document.getElementById('your-input-id').focus();
});

2. 元素状态或可见性有问题 #

如果调用focus()时，输入框处于隐藏、禁用或者还没完全挂载到DOM的状态，Firefox是不会执行对焦的。

排查+解决：

• 先确认输入框的display不是none、visibility不是hidden、disabled属性为false；
• 如果是动态生成的元素，要确保调用对焦前它已经被添加到DOM树里，可以用document.contains()做检查：

const inputEl = document.getElementById('your-input-id');
if (document.contains(inputEl) && !inputEl.disabled) {
  inputEl.focus();
}

3. 自动对焦的浏览器限制 #

Firefox默认会阻止页面加载完成后无交互的自动对焦行为，除非是用户主动触发的。如果你的场景是页面初始化或者非用户触发的自动对焦，就得调整逻辑。

替代方案：

• 引导用户点击按钮来触发对焦；
• 或者给输入框加autofocus属性（不过这个属性只在页面首次加载时生效，后续无法重复触发）：

<input type="text" id="your-input-id" autofocus>

4. 其他事件的干扰 #

有时候其他事件的默认行为、冒泡或者preventDefault()调用，会间接影响focus()的执行。

解决办法：
检查调用focus()前后的代码，有没有阻止事件默认行为的操作，或者暂时移除其他可能冲突的事件监听，测试是否能正常对焦。

你可以先写一段极简代码在Firefox里测试，确认基础对焦功能是否正常：

<input type="text" id="test-input">
<button onclick="document.getElementById('test-input').focus()">点击对焦</button>

如果这段代码能正常工作，说明你的问题出在特定的上下文（比如异步、元素状态）里，再针对性排查就行。

内容的提问来源于stack exchange，提问作者WMomesso