macOS Safari中Touch ID填充账号密码后无法切换焦点至指定输入框

问题场景 #

• 页面加载后，tabindex=1的username输入框自动获取焦点
• macOS Safari中，因输入框命名触发Touch ID账号密码弹窗
• Touch ID验证成功后，username输入框的onchange事件正常触发，但焦点无法切换到tabindex=3的security输入框，焦点仍停留在username框
• 替换输入框名称/类型后，常规操作下焦点切换正常；监听onfocus等事件也无效

核心原因 #

1. Safari原生安全限制：Touch ID自动填充属于浏览器的原生特权交互，为了防止恶意脚本利用自动填充后的焦点跳转实施钓鱼操作，Safari会在完成Touch ID填充后，强制锁定焦点在触发填充的username输入框上，脚本触发的焦点切换会被浏览器的安全机制拦截。
2. 事件执行上下文差异：Touch ID触发的onchange事件是在浏览器内部的原生同步流程中执行的，和用户手动输入触发的onchange不在同一个事件队列层级。常规的焦点切换操作在DOM事件队列中执行，但Touch ID的事件优先级更高，后续的焦点操作会被浏览器的内部状态覆盖。
3. 账号字段的特殊绑定：当输入框命名为username这类浏览器默认识别的“账号类”字段时，Safari会将其与Touch ID自动填充系统做深度绑定，填充完成后会维持该输入框的焦点状态，这是浏览器针对身份验证场景的专属保护逻辑。

内容的提问来源于stack exchange，提问作者lukas.j