深州市华民机械有限公司

今天小编跟大家讲解下有关HTML5 虚拟键盘出现挡住输入框的解决办法 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关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); } })}

以上就是本文的全部内容 希望本文的内容对大家的学习或者工作能带来一定的帮助 同时也希望多多支持爱蒂网！

来源：爱蒂网