本文主要介绍了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); } }) }
【相关推荐】
1. html5免费视频教程
2. 关于h5新标签的浏览器兼容问题的详解
3. 教你如何用h5无刷新改变当前url的实例详解
4. 通过phonegap操作数据库的的教程详解
5. h5中indexeddb 数据库的使用方法详解
以上就是h5制作虚拟键盘时出现输入框遮挡的情况怎么办？的详细内容。