脚本宝典收集整理的这篇文章主要介绍了H5虚拟键盘挡住输入框怎么办,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。这次给大家带来H5虚拟键盘挡住输入框怎么办,H5虚拟键盘挡住输入框的注意事项有哪些,下面就是实战案例,一起来看一下。
话不多说,请看代码:
//防止键盘把当前输入框给挡住 $$('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); } }) }
相信看了本文案例你已经掌握了方法,更多精彩请关注脚本宝典其它相关文章!
推荐阅读:
H5的存储方式详解
zepto实现移动端无缝向上下滚动
以上就是H5虚拟键盘挡住输入框怎么办的详细内容,更多请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的H5虚拟键盘挡住输入框怎么办全部内容,希望文章能够帮你解决H5虚拟键盘挡住输入框怎么办所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。