zoukankan      html  css  js  c++  java
  • 微信内置浏览器浏览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);
    }
    })
    })

  • 相关阅读:
    20210312
    20210311
    20210310
    例5-1
    例5-2
    例4-12-2
    例4-12
    例4-11
    例4-10
    例4-9
  • 原文地址:https://www.cnblogs.com/sunshq/p/7262889.html
Copyright © 2011-2022 走看看