微信內置瀏覽器瀏覽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);
}
})
})