码迷,mamicode.com
首页 > 微信 > 详细

微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法

时间:2016-06-22 15:34:37      阅读:10843      评论:0      收藏:0      [点我收藏+]

标签:

Android微信内置浏览H5页面,因为其中的文本输入框(input)放置在靠近页面的中下方,点击文本框以后,则输入框会被弹出的手机输入法键盘遮盖住。

找到一段js代码直接解决之,点击时强制滚动之,好像也解决了在Android浏览器下浏览的同样问题。

 

1 if(/Android [4-6]/.test(navigator.appVersion)) {
2     window.addEventListener("resize", function() {
3         if(document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA") {
4             window.setTimeout(function() {
5                 document.activeElement.scrollIntoViewIfNeeded();
6             },0);
7         }
8     })
9 }

 

微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法

标签:

原文地址:http://www.cnblogs.com/chas/p/5607136.html

(4)
(2)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!