本文主要介紹了HTML5 虛擬鍵盤出現擋住輸入框的解決辦法。具有很好的參考價值，下面跟著小編一起來看下吧，希望能幫助到大家。

話不多說，請看代碼：

//防止鍵盤把當前輸入框給擋住

$$('input[type="text"],textarea').on('click', function () {

var target = this;

setTimeout(function(){

target.scrollIntoViewIfNeeded();

},100);

});

部分安卓機型適用。if(/Android [4-6]/.test(navigator.appVersion)) {

window.addEventListener("resize", function() {

if(document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA") {

window.setTimeout(function() {

document.activeElement.scrollIntoViewIfNeeded();

},0);

}

})

}

總結

以上是生活随笔為你收集整理的html5页面被键盘挡住,HTML5 虚拟键盘出现挡住输入框怎么办的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。