H5内嵌app 安卓机器输入时键盘弹起遮盖住输入框的问题
2018-03-13 本文已影响0人
c6e71129966d
在一个上传照片的小功能里，采用七牛云的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 //安卓机
