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

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

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

 

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

上一篇:Tesseract-OCR牛刀小试:模拟请求时的验证码识别


下一篇:Flask框架(三)—— 请求扩展、中间件、蓝图、session源码分析