在一个上传照片的小功能里，采用七牛云的sdk直接将图片上传到七牛云。然后，采用textarea进行一些文字的描述的输入。
在苹果机器上，点击textarea,键盘弹起，焦点还在文本框，所以，页面自动调整，文本框会在键盘上边，并且焦点在输入框。
在安卓机器上，点击输入框，键盘弹起，直接将输入框盖在键盘下。原因就是没有拿到焦点。
方法：给textarea 设置一个点击事件。然后，每隔4秒进行一次焦点聚焦。
focus(e){
if(/android/i.test(navigator.userAgent)){ //判断是否是安卓机器
setTimeout(function(){
e.target.scrollIntoViewIfNeeded();
},400);
}
}
使用正则验证是否是安卓机器。其中，
/i (区分大小写)
还可以使用 indexOf() 来进行判断。
var u= navigator.userAgent；
u.indexOf('Android') > -1 //安卓机
在一个上传照片的小功能里，采用七牛云的sdk直接将图片上传到七牛云。然后，采用textarea进行一些文字的描述的...
问题：安卓机器，以及苹果六以下的苹果机器。当使用原始的input输入框的时候，点击输入时，键盘弹起会遮挡住小屏手机...
安卓输入法遮挡输入框，安卓原生APP内嵌H5的问题 随笔备忘 近一周主要做了一个简单的H5问卷调查页面（评分），应...
前：在写项目中遇见了这个问题，具体是注册界面点击输入框输入时候安卓机的键盘弹起会造成底部通过position:fi...
前言 需求：软键盘弹起时，输入框吸附在输入法框上坑： 安卓和IOS键盘弹起和收起存在差异； IOS12上，微信v6...
键盘问题可能是每个项目中都可能遇到的问题，如果输入框位于屏幕的底部，弹起的键盘很可能挡住输入框，导致用户就看不到输...
问题描述 问题：手机H5页面当input输入框获取焦点时，软键盘会弹起，这时：IOS底部固定定位的按钮不会随着键盘...
判断H5 ios还是安卓： 3.正则判断 isIos： android 软键盘弹起或收起时，会改变window的高...
从网上粘来的方法： 毫无优化的方法： 参考链接：H5解决软键盘弹起导致遮挡输入框问题如何用 js 获取虚拟键盘高度...
问题：公司内部流程是基于钉钉app开发，最近用户提出安卓部分手机，输入信息时候，键盘遮挡输入框解决问题历程：网上各...
本文标题：H5内嵌app 安卓机器输入时键盘弹起遮盖住输入框的问题
本文链接：https://www.haomeiwen.com/subject/xsnzfftx.html
网友评论