iPhone SE Safari中alert确认后输入框无法自动聚焦的解决方法咨询

这个问题我之前做移动端项目时也踩过坑，iOS Safari的安全机制对用户交互的上下文限制特别严格——当你在confirm的回调里直接调用focus()时，代码的执行已经脱离了用户最初点击按钮的交互链，浏览器会判定这个自动聚焦不是用户主动触发的操作，所以直接阻止了它。

下面给你两种经过验证的可行解决方案：

方案一：用setTimeout延迟执行聚焦操作 #

哪怕只设置0毫秒的延迟，也能把focus()的调用放到下一个事件循环里，让浏览器认为这是合法的用户交互后续操作：

function x() {
  if (confirm("are you sure?")) {
    alert("registered");
    setTimeout(() => {
      document.getElementById("barcode").focus();
    }, 0);
  }
}

如果0毫秒延迟偶尔还是失效，可以尝试把延迟时间调到100ms左右，给浏览器足够的时间处理完弹窗的清理逻辑。

方案二：使用requestAnimationFrame调度聚焦 #

requestAnimationFrame会在浏览器下一次重绘前执行代码，同样能让focus()处于有效的交互上下文里，兼容性也不错：

function x() {
  if (confirm("are you sure?")) {
    alert("registered");
    requestAnimationFrame(() => {
      document.getElementById("barcode").focus();
    });
  }
}

另外补充个小建议：如果你的alert不是业务必须的，也可以考虑去掉它，或者把alert也放到异步调度里——连续的弹窗（confirm+alert）会进一步拉长交互链，可能让聚焦的有效性更受影响。

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