脚本宝典收集整理的这篇文章主要介绍了

那些IOS系统中使用Input遇到的坑

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

关于我们

QQ答疑交流群:
600633658

我们的链接:

知乎 掘金 今日头条 新浪微博 前端网 思否 简书 B站

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);

以上问题均为实际开发过程中所遇,解决方案实测可用,如有错误,欢迎提出。如有其他坑,欢迎分享

总结

以上是脚本宝典为你收集整理的

那些IOS系统中使用Input遇到的坑

全部内容,希望文章能够帮你解决

那些IOS系统中使用Input遇到的坑

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过