ios safari拦截非用户直接触发的focus()，需在点击事件中同步调用且不加异步延迟；模态框聚焦失效需阻止冒泡或改用touchstart；字体过小引发缩放时应禁用user-scalable并动态调整body高度。
你在开发H5页面时，点击输入框后iOS Safari不弹键盘，光标也不闪烁，用户必须再点一次才能输入——这不是代码写错了，而是iOS Safari主动拦截了非用户直接触发的focus()调用。页面加载、异步回调、Vue mounted钩子里调用focus()，全都会被系统静默拒绝。
确认是否真被iOS拦截
打开Safari开发者工具（需Mac + iOS设备配对），在Console中手动执行document.querySelector('input').focus()，如果键盘立刻弹出，说明DOM和样式没问题；如果没反应，再执行document.activeElement，看返回是否仍是body或null——这就能确认是iOS策略拦截，不是JS报错或元素未渲染。
⚠️ 注意：不要在页面加载完成时就急着调focus()，iOS只认“用户手指刚抬起来”那一刻的同步调用。
按钮点击触发聚焦（最稳方案）
这是唯一无需兼容性妥协、100%生效的方式。把聚焦动作绑定在用户必然执行的点击行为上，比如“搜索”“下一步”“展开表单”按钮。
第一步：给按钮绑定点击事件，同时控制输入框显隐状态
第二步：在点击事件处理器内部，先确保输入框DOM已挂载（例如v-if为true或display:block），再立即调用input.focus()
第三步：加try-catch包裹focus()，防止元素被提前销毁导致脚本中断
【关键点】focus()必须写在事件回调函数体的第一层，不能套setTimeout、Promise.then或nextTick，否则脱离用户交互上下文，iOS直接无视。
模态框内输入框聚焦失效的修复
当Input嵌套在Modal里，用户点击Input却没反应甚至Modal直接关闭，大概率是事件冒泡惹的祸。
方法一：在Input的onClick里加e.stopPropagation()，阻断click冒泡到Modal遮罩层
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
方法二：改用touchstart事件代替click——iOS下touchstart比click更早触发，且不会被遮罩层的click监听意外吞掉
方法三：给Modal遮罩层的onClick加防抖，延迟300ms再执行关闭逻辑，给focus()留出执行窗口
字体过小触发自动缩放导致聚焦异常
iOS Safari会对font-size
把input标签加上style="font-size: 16px;"，或统一用CSS重置：input, textarea { font-size: 16px; }
这一步不做，其他所有聚焦方案都可能间歇性失效。
监听focus事件后动态调整页面高度
键盘弹出后页面被顶起、底部按钮消失？先让body响应式收缩：
给所有input绑定focus事件：document.querySelectorAll('input').forEach(i => i.addEventListener('focus', () => document.body.classList.add('ios-keyboard-active')))
再写CSS：body.ios-keyboard-active { height: calc(100vh - 260px); overflow: hidden; }
【注意】260px是iOS键盘典型高度，实际可用window.innerHeight - window.outerHeight粗略估算，但硬编码更稳定。
