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

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

时间:2018-06-25 14:56:26      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:直接   hive   问题   www.   亲测   https   android   out   lin   

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

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页面弹出的键盘遮盖文本框的解决办法

标签:直接   hive   问题   www.   亲测   https   android   out   lin   

原文地址:https://www.cnblogs.com/fps2tao/p/9223753.html

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