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截取字符串实例代码【推荐】
Jun 07 HTML / CSS
css3 box-sizing属性使用参考指南
Jan 08 HTML / CSS
使用JS+CSS3技术:让你的名字动起来
Apr 27 HTML / CSS
一款基于css3的动画按钮代码教程
Nov 23 HTML / CSS
CSS3中Transition动画属性用法详解
Jul 04 HTML / CSS
HTML5 拖拽批量上传文件的示例代码
Mar 28 HTML / CSS
HTML5添加鼠标悬浮音响效果不使用FLASH
Apr 23 HTML / CSS
简单介绍HTML5中的文件导入
May 08 HTML / CSS
用HTML5 实现橡皮擦的涂抹效果的教程
May 11 HTML / CSS
详解如何用HTML5 Canvas API控制图片的缩放变换
Mar 22 HTML / CSS
HTML5中的强制下载属性download使用实例解析
May 12 HTML / CSS
HTML5实现移动端点击翻牌功能
Oct 23 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
php实现CSV文件导入和导出
2015/10/24 PHP
asp.net和asp下ACCESS的参数化查询
2008/06/11 Javascript
javascript 对象定义方法 简单易学
2009/03/22 Javascript
ie下$.getJSON出现问题的解决方法
2014/02/12 Javascript
javascript感应鼠标图片透明度显示的方法
2015/02/24 Javascript
js实现点击向下展开的下拉菜单效果代码
2015/09/01 Javascript
angularjs定时任务的设置与清除示例
2017/06/02 Javascript
基于input框覆盖掉数字英文的实例讲解
2017/07/21 Javascript
Vue动态组件实例解析
2017/08/20 Javascript
ReactJS实现表单的单选多选和反选的示例
2017/10/13 Javascript
nodejs实现的连接MySQL数据库功能示例
2018/01/25 NodeJs
对vue中v-on绑定自定事件的实例讲解
2018/09/06 Javascript
Koa日志中间件封装开发详解
2019/03/09 Javascript
详解VS Code使用之Vue工程配置format代码格式化
2019/03/20 Javascript
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
2019/09/25 Javascript
python发送伪造的arp请求
2014/01/09 Python
Python实现连接postgresql数据库的方法分析
2017/12/27 Python
python得到windows自启动列表的方法
2018/10/14 Python
python将txt文档每行内容循环插入数据库的方法
2018/12/28 Python
对python判断ip是否可达的实例详解
2019/01/31 Python
Pytorch卷积层手动初始化权值的实例
2019/08/17 Python
Python hashlib模块实例使用详解
2019/12/24 Python
Pytorch 之修改Tensor部分值方式
2019/12/27 Python
python文件排序的方法总结
2020/09/13 Python
Html5上传图片 移动端、PC端通用代码
2016/06/08 HTML / CSS
伦敦一卡通:The London Pass
2018/11/30 全球购物
买卖正宗运动鞋:GOAT
2019/12/06 全球购物
北大研究生linux应用求职信
2013/10/29 职场文书
员工培训邀请函
2014/01/11 职场文书
大学应届生的自我评价
2014/03/06 职场文书
计算机应用应届生求职信
2014/07/12 职场文书
2014党委书记四风对照检查材料思想汇报
2014/09/21 职场文书
学习党的群众路线对照检查材料
2014/09/29 职场文书
2014年政风行风工作总结
2014/11/22 职场文书
银行员工考核评语
2014/12/31 职场文书
给老师的一封感谢信
2015/01/20 职场文书