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 相关文章推荐
全面解析CSS Media媒体查询使用操作(推荐)
Aug 15 HTML / CSS
css3 border-radius属性详解
Jul 05 HTML / CSS
CSS3打造磨砂玻璃背景效果
Sep 28 HTML / CSS
利用css3径向渐变做一张优惠券的示例
Mar 22 HTML / CSS
浅谈CSS3 动画卡顿解决方案
Jan 02 HTML / CSS
移动端html5 meta标签的神奇功效
Jan 06 HTML / CSS
浅谈HTML5 Web Worker的使用
Jan 05 HTML / CSS
移动端Html5中百度地图的点击事件
Jan 31 HTML / CSS
html svg生成环形进度条的实现方法
Sep 23 HTML / CSS
CSS3 制作的悬停缩放特效
Apr 13 HTML / CSS
web前端之css水平居中代码解析
May 20 HTML / CSS
html+css实现分层金字塔的实例
Jun 02 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
phpmyadmin显示utf8_general_ci中文乱码的问题终级篇
2013/04/08 PHP
PHP闭包定义与使用简单示例
2018/04/13 PHP
PHP常用字符串函数小结(推荐)
2018/08/05 PHP
Laravel Eloquent ORM 多条件查询的例子
2019/10/10 PHP
javascript高亮效果的二种实现方法
2008/09/14 Javascript
js实现点击获取验证码倒计时效果
2021/01/28 Javascript
jQuery自动完成插件completer附源码下载
2016/01/04 Javascript
动态加载js文件简单示例
2016/04/21 Javascript
nodejs实例解析(输出hello world)
2017/01/03 NodeJs
AngularJS学习笔记之表单验证功能实例详解
2017/07/06 Javascript
webpack结合express实现自动刷新的方法
2019/05/07 Javascript
socket在egg中的使用实例代码详解
2019/05/30 Javascript
mui js控制开关状态、修改switch开关的值方法
2019/09/03 Javascript
详解JavaScript中的this指向问题
2021/02/05 Javascript
[01:56]2014DOTA2西雅图邀请赛 MVP外卡赛老队长精辟点评
2014/07/09 DOTA
用Python编程实现语音控制电脑
2014/04/01 Python
Python使用回溯法子集树模板解决爬楼梯问题示例
2017/09/08 Python
Django使用HttpResponse返回图片并显示的方法
2018/05/22 Python
python json.loads兼容单引号数据的方法
2018/12/19 Python
python 对类的成员函数开启线程的方法
2019/01/22 Python
python yield和Generator函数用法详解
2020/02/10 Python
python入门之井字棋小游戏
2020/03/05 Python
浅谈keras中的目标函数和优化函数MSE用法
2020/06/10 Python
用Python爬取LOL所有的英雄信息以及英雄皮肤的示例代码
2020/07/13 Python
如何基于python实现年会抽奖工具
2020/10/20 Python
HTML5 Canvas 起步(2) - 路径
2009/05/12 HTML / CSS
HTML5中的音频和视频媒体播放元素小结
2016/01/29 HTML / CSS
金融学专业大学生职业生涯规划
2014/03/07 职场文书
四风个人对照检查材料思想汇报
2014/09/25 职场文书
运动会广播稿20字
2015/08/19 职场文书
大学学习委员竞选稿
2015/11/20 职场文书
2016党员学习《反对自由主义》心得体会
2016/01/22 职场文书
mybatis3中@SelectProvider传递参数方式
2021/08/04 Java/Android
vue项目配置sass及引入外部scss文件
2022/04/14 Vue.js
mysql全面解析json/数组
2022/07/07 MySQL
Python  序列化反序列化和异常处理的问题小结
2022/12/24 Python