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 06 HTML / CSS
纯css3实现效果超级炫的checkbox复选框和radio单选框
Sep 01 HTML / CSS
CSS3实现头像旋转效果
Mar 13 HTML / CSS
详解background属性的8个属性值(面试题)
Nov 02 HTML / CSS
CSS3实现时间轴特效
Nov 02 HTML / CSS
详解CSS3媒体查询响应式布局bootstrap 框架原理实战(推荐)
Nov 16 HTML / CSS
利用Canvas模仿百度贴吧客户端loading小球的方法示例
Aug 13 HTML / CSS
socket.io 和canvas 实现的共享画板功能
May 22 HTML / CSS
HTML5之SVG 2D入门5—颜色的表示及定义方式
Jan 30 HTML / CSS
HTML5 audio标签使用js进行播放控制实例
Apr 24 HTML / CSS
浅谈Html5移动端ios/Android兼容性总结
Jun 01 HTML / CSS
Amaze UI 文件选择域的示例代码
Aug 26 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模拟socket一次连接,多次发送数据的实现代码
2011/07/26 PHP
54个提高PHP程序运行效率的方法
2015/07/19 PHP
解析 thinkphp 框架中的部分方法
2017/05/07 PHP
查询绑定数据岛的表格中的文本并修改显示方式的js代码
2009/12/15 Javascript
使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
2011/07/10 Javascript
js控制href内容的连接内容的变化示例
2014/04/30 Javascript
jQuery增加、删除及修改select option的方法
2016/08/19 Javascript
js转html实体的方法
2016/09/27 Javascript
ajax级联菜单实现方法实例分析
2016/11/28 Javascript
Angular 4环境准备与Angular cli创建项目详解
2017/05/27 Javascript
jQuery选择器中的特殊符号处理方法
2017/09/08 jQuery
写给小白看的JavaScript异步
2017/11/29 Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
2019/01/19 Javascript
详解Puppeteer前端自动化测试实践
2019/02/21 Javascript
JavaScript偏函数与柯里化实例详解
2019/03/27 Javascript
Vue运用transition实现过渡动画
2019/05/06 Javascript
夯基础之手撕javascript继承详解
2020/11/09 Javascript
Django静态资源URL STATIC_ROOT的配置方法
2014/11/08 Python
Python处理JSON数据并生成条形图
2016/08/05 Python
Python 转义字符详细介绍
2017/03/21 Python
使用Python对MySQL数据操作
2017/04/06 Python
PyQt5实现无边框窗口的标题拖动和窗口缩放
2018/04/19 Python
Python实现将Excel转换成xml的方法示例
2018/08/25 Python
Python中安装easy_install的方法
2018/11/18 Python
tensorflow模型继续训练 fineturn实例
2020/01/21 Python
Python爬虫之爬取淘女郎照片示例详解
2020/07/28 Python
一家专门经营包包的英国网站:MyBag
2019/09/08 全球购物
杰夫·班克斯男士服装网上商店:Jeff Banks
2019/10/24 全球购物
学生打架检讨书大全
2014/01/23 职场文书
大学生两会学习心得体会
2014/03/10 职场文书
《春笋》教学反思
2014/04/15 职场文书
工地标语大全
2014/06/18 职场文书
小学综合实践活动总结
2014/07/07 职场文书
2014个人四风对照检查材料思想汇报
2014/09/18 职场文书
财务部会计岗位职责
2015/02/03 职场文书
MySQL优化及索引解析
2022/03/17 MySQL