我是靠谱客的博主 无心小熊猫,这篇文章主要介绍HTML5 虚拟键盘出现挡住输入框怎么办,现在分享给大家,希望可以做个参考。

本文主要介绍了HTML5 虚拟键盘出现挡住输入框的解决办法。具有很好的参考价值,下面跟着小编一起来看下吧,希望能帮助到大家。

话不多说,请看代码:


复制代码
1
2
3
4
5
6
7
//防止键盘把当前输入框给挡住 $$('input[type="text"],textarea').on('click', function () { var target = this; setTimeout(function(){ target.scrollIntoViewIfNeeded(); },100); });
登录后复制

部分安卓机型适用。

复制代码
1
2
3
4
5
6
7
8
9
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); } }) }
登录后复制

相关推荐:
虚拟键盘,移动web开发的痛_html/css_WEB-ITnose

打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)_jquery

jquery实现页面虚拟键盘特效_jquery

以上就是HTML5 虚拟键盘出现挡住输入框怎么办的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是无心小熊猫最近收集整理的关于HTML5 虚拟键盘出现挡住输入框怎么办的全部内容,更多相关HTML5内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(134)

评论列表共有 0 条评论

立即
投稿
返回
顶部