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


Posted in HTML / CSS onFebruary 14, 2017

话不多说,请看代码:

//防止键盘把当前输入框给挡住
$$('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);
        }
    })
}

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

HTML / CSS 相关文章推荐
利用CSS3实现炫酷的飞机起飞动画
Sep 17 HTML / CSS
css3的图形3d翻转效果应用示例
Apr 08 HTML / CSS
css3实现垂直下拉动画菜单示例
Apr 22 HTML / CSS
通过CSS3的object-fit来调整图片适配尺寸的技巧简介
Feb 27 HTML / CSS
基于 HTML5 WebGL 实现的垃圾分类系统
Oct 08 HTML / CSS
HTML5的结构和语义(3):语义性的块级元素
Oct 17 HTML / CSS
几个解决兼容IE6\7\8不支持html5标签的几个方法
Jan 07 HTML / CSS
html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等
May 07 HTML / CSS
HTML5 新表单类型示例代码
Mar 20 HTML / CSS
Html5适配iphoneX刘海屏的简单实现
Apr 09 HTML / CSS
HTML实现代码雨源码及效果示例
Feb 25 HTML / CSS
html5关于外链嵌入页面通信问题(postMessage解决跨域通信)
Jul 20 HTML / CSS
Html5中localStorage存储JSON数据并读取JSON数据的实现方法
Feb 13 #HTML / CSS
HTML5为输入框添加语音输入功能的实现方法
Feb 06 #HTML / CSS
HTML5拖拉上传文件的简单实例
Jan 11 #HTML / CSS
如何用H5实现一个触屏版的轮播器的实例
Jan 09 #HTML / CSS
HTML5+CSS3模仿优酷视频截图功能示例
Jan 05 #HTML / CSS
HTML5实现文件断点续传的方法
Jan 04 #HTML / CSS
HTML5+css3:3D旋转木马效果相册
Jan 03 #HTML / CSS
You might like
DC《神奇女侠2》因疫情推迟上映 温子仁新恐怖片《恶性》撤档
2020/04/09 欧美动漫
php文件上传的简单实例
2013/10/19 PHP
ThinkPHP使用心得分享-上传类UploadFile的使用
2014/05/15 PHP
php编程每天必学之验证码
2016/03/03 PHP
Yii框架响应组件用法实例分析
2019/09/04 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2006/11/24 Javascript
JSON 数字排序多字段排序介绍
2013/09/18 Javascript
JavaScript实现列表分页功能特效
2015/05/15 Javascript
javascript中offset、client、scroll的属性总结
2015/08/13 Javascript
javascript数组克隆简单实现方法
2015/12/16 Javascript
js关于getImageData跨域问题的解决方法
2016/10/14 Javascript
微信小程序 倒计时组件实现代码
2016/10/24 Javascript
webpack教程之webpack.config.js配置文件
2017/07/05 Javascript
vue-cli如何添加less 以及sass
2017/07/06 Javascript
NodeJS简单实现WebSocket功能示例
2018/02/10 NodeJs
详解react、redux、react-redux之间的关系
2018/04/11 Javascript
详解JavaScript 中 if / if...else...替换方式
2018/07/15 Javascript
layui 优化button按钮和弹出框的方法
2018/08/15 Javascript
js贪心算法 钱币找零问题代码实例
2019/09/11 Javascript
Vue中添加滚动事件设置的方法详解
2020/09/14 Javascript
[00:36]DOTA2上海特级锦标赛 LGD战队宣传片
2016/03/04 DOTA
Python实现读取txt文件中的数据并绘制出图形操作示例
2019/02/26 Python
Python实现最常见加密方式详解
2019/07/13 Python
python——全排列数的生成方式
2020/02/26 Python
python和c语言哪个更适合初学者
2020/06/22 Python
详解tf.device()指定tensorflow运行的GPU或CPU设备实现
2021/02/20 Python
HTML5 虚拟键盘出现挡住输入框的解决办法
2017/02/14 HTML / CSS
荷兰音乐会和音乐剧门票订购网站:Topticketshop
2019/08/27 全球购物
EntityManager都有哪些方法
2013/11/01 面试题
11月升旗仪式讲话稿
2014/02/15 职场文书
租房协议书
2014/09/12 职场文书
二手房购房协议书范本
2014/10/05 职场文书
党员个人整改措施
2014/10/24 职场文书
单位租房协议书样本
2014/10/30 职场文书
员工拾金不昧表扬稿
2015/05/05 职场文书
pytorch中F.avg_pool1d()和F.avg_pool2d()的使用操作
2021/05/22 Python