大学IT网 - 最懂大学生的IT学习网站! QQ资料交流群:367606806
当前位置:大学IT网 > JavaScript技巧 > 微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法

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

关键词:弹出遮盖解决办法文本框键盘  阅读(445) 赞(18)

[摘要]本文是对微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法的讲解,对学习JavaScript编程技术有所帮助,与大家分享。

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

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);
}
})
})



相关评论