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

最新推荐文章于 2024-05-09 09:50:03 发布

C2325

最新推荐文章于 2024-05-09 09:50:03 发布

阅读量292

点赞数

文章标签：移动开发

原文链接：http://www.cnblogs.com/YYW303/p/7250306.html

版权

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

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/p/7250306.html