H5内嵌app 安卓机器输入时键盘弹起遮盖住输入框的问题

在一个上传照片的小功能里,采用七牛云的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   //安卓机

你可能感兴趣的:(H5内嵌app 安卓机器输入时键盘弹起遮盖住输入框的问题)