那些IOS系统中使用Input遇到的坑
关于我们
QQ答疑交流群:
600633658
我们的链接:
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);以上问题均为实际开发过程中所遇,解决方案实测可用,如有错误,欢迎提出。如有其他坑,欢迎分享
相关推荐
zhoutaifeng 2020-06-17
huha 2020-10-16
TLROJE 2020-10-26
echoes 2020-08-20
nercon 2020-08-01
zhanghaibing00 2020-06-28
Aveiox 2020-06-25
henryzhihua 2020-06-21
liangzhouqu 2020-06-16
TONIYH 2020-06-11
开心就好 2020-06-10
x青年欢乐多 2020-06-06
KyrieHe 2020-06-03
bertzhang 2020-06-02
haokele 2020-05-29
niehanmin 2020-05-28
davidliu00 2020-05-26