当前位置:Gxlcms > html代码 > HTML5虚拟键盘出现挡住输入框怎么办

HTML5虚拟键盘出现挡住输入框怎么办

时间:2021-07-01 10:21:17 帮助过:45人阅读

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

话不多说,请看代码:


部分安卓机型适用。

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 虚拟键盘出现挡住输入框怎么办的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行