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   //安卓机

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容