iframe 中 autofocus 失效因 HTML 解析阶段限制及动态加载时机错配；子页需在渲染就绪后手动 focus，且须同域、禁 sandbox 限制、避开 inert 或隐藏容器；跨域或 sandbox 下必须显式配置权限或依赖用户手势触发。
iframe 本身不支持 autofocus 属性自动聚焦，且子页面的 focus() 调用常被主页面焦点管理或浏览器策略拦截——必须在子页内处理、时机对、权限开、焦点手动归还。
iframe 内 input 不触发 autofocus 的根本原因
autofocus 是 HTML 解析阶段的单次行为，只对初始加载的文档生效；iframe 加载的是独立文档流，其内部的 autofocus 属性仅在 iframe 自身 HTML 被解析时起作用，但主页面无法控制该时机，且多数框架/弹窗中 iframe 是动态插入的，导致 autofocus 完全被忽略。
- 不要在父页写
<iframe src="form.html"></iframe>并指望里面<input autofocus>生效——它可能加载完成，但浏览器早已跳过 autofocus 扫描 -
autofocus在 iframe 中仅对同域、非 sandbox 限制、且无inert或display: none父容器的场景“理论可行”，实际成功率极低 - 跨域 iframe 下，父页 JS 无法访问
contentDocument，autofocus更无从谈起
子页面内调用 focus() 的正确时机与写法
聚焦逻辑必须下沉到 iframe 源文件（如 form.html）内部，且不能依赖 DOMContentLoaded 或立即执行——需兼顾 layui、Vue、React 等环境的渲染延迟和表单模块重绘。
- 若子页用了 layui：
layui.use(['form'], function() { form.render('input'); document.getElementById('phone').focus(); }); - 若子页是纯 HTML + 原生 JS：用
setTimeout(() => document.getElementById('username').focus(), 100)，100ms 是为绕过部分浏览器对“刚插入元素”的聚焦抑制 - 若子页也含 Vue/React 组件：聚焦必须放在组件
mounted/useEffect中，且确保目标 input 已真实挂载（不能是 v-if 为 false 时的占位节点） - 避免在子页中写
window.onload = () => input.focus()—— 它可能早于 form.render() 或样式计算，导致聚焦失败
sandbox 和焦点丢失的硬性关联
iframe 加了 sandbox 后，focus() 失效不是 bug，而是安全策略：默认 sandbox 禁止所有脚本行为，包括自动聚焦；即使开了 allow-scripts，若没显式允许 focus 权限，Safari 和新版 Chrome 仍会静默拒绝。
立即学习“前端免费学习笔记（深入）”；
- 必须显式添加
allow-focus：如sandbox="allow-scripts allow-same-origin allow-focus" - 若只需用户点击后聚焦，可去掉
allow-focus，改由用户手势触发（如按钮 click 后再input.focus()） - 加载完成后主动 blur 主页面 window：
iframe.onload = () => iframe.contentWindow?.blur()，防止焦点被 iframe “吸走”后不释放 - 注意：iOS Safari 对
allow-focus支持有限，即使配置正确，首次聚焦仍需用户 tap 触发
父页如何安全接管 iframe 焦点流
当业务要求父页统一管理焦点（如关闭弹窗后恢复到触发按钮），不能依赖 iframe 内部逻辑，而要靠事件监听 + 显式控制。关键在于“时机”和“可访问性”两个硬约束。
- 监听 iframe
load事件后，用requestAnimationFrame(() => iframe.contentWindow?.document.getElementById('xxx')?.focus())，比setTimeout更可靠 - 若 iframe 内容未就绪，
contentWindow?.document可能为 null 或空文档，需加判空：if (iframe.contentDocument?.readyState === 'complete') - 父页聚焦前，先记录当前
document.activeElement，关闭 iframe 后用triggerBtn.focus()主动归还，避免焦点落在 body 上 - 禁用 iframe 外区域键盘导航：
document.body.setAttribute('inert', '')，关闭时移除——否则 Tab 键可能跳进底层内容，破坏模态语义
最易被忽略的一点：iOS Safari 下，任何非用户直接触发的 focus()（哪怕在 iframe load 回调里）都会静默失败。如果必须自动聚焦，唯一路径是把整个 iframe 加载逻辑绑定在用户 click/tap 的同步栈中，中间不能穿插 Promise、await 或 requestAnimationFrame。这决定了“自动聚焦”在移动端本质上是个交互设计问题，而非纯技术问题。
