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

Posted 2020-07-28 菜鸟程序员修炼之道

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 }