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);
        }
    })
}

转载于:https://www.cnblogs.com/xiaoliu12/p/6409136.html

HTML5 虚拟键盘出现挡住输入框的解决办法相关推荐

html5页面被键盘挡住,HTML5 虚拟键盘出现挡住输入框怎么办
本文主要介绍了HTML5 虚拟键盘出现挡住输入框的解决办法.具有很好的参考价值,下面跟着小编一起来看下吧,希望能帮助到大家. 话不多说,请看代码: //防止键盘把当前输入框给挡住 $$('input[ ...
android 键盘遮盖输入框_各种键盘挡住输入框终极解决办法
对于键盘挡住输入框,给出了多种方案,希望对大家有所帮助. 在开发中,经常会遇到键盘挡住输入框的情况,比如登录界面或注册界面,弹出的软键盘把登录或注册按钮挡住了,用户必须把软键盘收起,才能点击相应按钮, ...
[Phonegap+Sencha Touch] 移动开发68 Sencha Touch弹出键盘挡住输入框的解决办法
原文地址:http://blog.csdn.net/lovelyelfpop/article/details/49679331 现象: sencha touch有一个缺点:当formPanel里的输入 ...
键盘按键F1-F12失效的解决办法(ArchLinux)
键盘按键F1-F12失效的解决办法键盘上的F1-F12键,通常情况下有两种用途: 单独使用实现系统通用的一些功能如F5刷新页面配合Fn键组合使用已达到某些特殊功能比如调节屏幕亮度系统音量 ...
html5移动端加载闪屏解决办法
html5移动端加载闪屏解决办法,其实很简单,给加一个加载过程动画效果就可以了,这样就不会出现闪屏效果,看起来与APP效果基本上是一样的了. 在<body>的下面加一个DIV层 <d ...
html5手机底部输入框,html5 虚拟键盘弹出挡住底部的输入框解决方案
问题描述: 我们使用 h5 做移动网站开发时,如果文本框在页面的下方,当输入信息弹出的软键盘会将输入框挡住(Android 会有这个问题,IOS会自动将整个页面上移),IOS中软键盘关闭后,页面上移的 ...
解决移动端手机虚拟键盘弹起遮盖输入框
移动端H5页面虚拟键盘弹起,让Input自适应上升兼容微信和钉钉: 给input添加获取焦点事件: 将底部的输入框整体滚动: 注意:底部的输入框要用子绝对父相对 focusFn(a){let ele ...
html win10虚拟键盘,Win10系统中内置虚拟键盘过大应该如何解决？
win10系统中虚拟键盘过大怎么办?用过Win10系统的用户都知道,在系统是有内置虚拟键盘的,用来应付简配设备突然坏了的情况.但有用户表示开启的虚拟键盘太大,占据了太多电脑屏幕,将其他应用程序给遮挡住 ...
android 虚拟按键挡住布局,Android 虚拟按键遮住了页面内容解决办法
在启动页的时候华为手机虚拟按键遮挡住了启动页下面的字找了找解决办法,特地记录一下第一种办法:扩展虚拟按键 //状态栏 @ 顶部getWindow().addFlags(WindowManager.L ...

HTML5 虚拟键盘出现挡住输入框的解决办法

HTML5 虚拟键盘出现挡住输入框的解决办法相关推荐

最新文章

热门文章