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

Posted 2020-11-20 与f

最近在做微信公众号的内嵌页面，发现点击输入框时键盘盖住文本框，找到一段代码解决了这个问题。

ios和android手机都已亲测，需要的可以直接拷贝到代码中使用。

js代码如下：

    $(function () {
        //微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法 
        window.addEventListener("resize", function () {
            if (document.activeElement.tagName == "INPUT" || document.activeElement.tagName == "TEXTAREA") {
                window.setTimeout(function () {
                    document.activeElement.scrollIntoViewIfNeeded();
                }, 0);
            }
        })
    })

 

 

https://www.cnblogs.com/YYW303/archive/2017/07/28/7250306.html