IAmor

# IOS Input 排雷

# IOS 微信/支付宝 Input输入框获取焦点失灵

解决方案：

//在input上绑定click事件（以vue为例）

@click.capture.stop.prevent="test($event)"

//在事件中强制获取焦点

e.target.focus()

# IOS Input弹出键盘后底部白条无法复原问题

安卓没有此类问题但是会出现根容器高度变小

解决方案：

将最外层盒子设置为’浮动层’

Positoion: fixed;

Top: 0;

Bottom: 0;

Left: 0;

Right: 0;

# IOS Input获取焦点时页面放大

在IOS中web最小字号为16px，小于16px则页面会放大

解决方案：

font-size >= 16px

# IOS Input获取焦点时页面移动问题

Input获取焦点时，弹出键盘页面会向上滑动，当失去焦点时页面‘表面归位’，其实际dom却没有恢复, 就会导致页面点击错误！

解决方案： 失去焦点时用js 控制其返回页面顶部

window.scrollTo(0,0);

← React - 01 →