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

最新推荐文章于 2021-03-30 18:01:29 发布

Taomores

最新推荐文章于 2021-03-30 18:01:29 发布

阅读量399

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/weixin_44744795/article/details/97637060

vue 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种解决微信内置浏览器中H5页面输入框被键盘遮挡的问题的方法。通过监听窗口resize事件，使活动的输入框或文本区域始终可见。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

在main，js直接引入即可

window.addEventListener("resize", function() {
  if (
    document.activeElement.tagName == "INPUT" ||
    document.activeElement.tagName == "TEXTAREA"
  ) {
    window.setTimeout(function() {
      document.activeElement.scrollIntoViewIfNeeded();
    }, 0);
  }
});