您现在的位置是:网站首页>列表内容
HTML5 虚拟键盘出现挡住输入框的解决办法HTML5实现搜索输入框下拉列表代码html5实现输入框字数限制提示抖动效果Html5新标签datalist实现输入框与后台数据库数据的动态匹配HTML5为输入框添加语音输入功能的实现方法HTML5输入框下拉菜单功能的示例代码
2021-08-31 23:07:38
973人已围观
简介 本文主要介绍了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); } }) }
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
点击排行
![](http://img.jbzj.com/file_images/game/201809/2018091709244212.jpg)
- 怪物猎人世界历战王冥灯龙用插射流金色铳枪爆鳞配装推荐_单机游戏_游戏攻略_
- 怪物猎人世界历战王冥灯龙铳枪无脑打法及配装_单机游戏_游戏攻略_
- 怪物猎人世界评价怎么样_怪物猎人世界全面评测_单机游戏_游戏攻略_
- 怪物猎人世界白斩和超会心选哪个更好_白斩和超会心性价比介绍_单机游戏_游戏攻略_
- 怪物猎人世界噗哧猪服装从哪里获取_噗哧猪服装获取地点介绍_单机游戏_游戏攻略_
- 怪物猎人世界重弩怎么配装 坦克流重弩完美配装攻略_单机游戏_游戏攻略_
- Fate/EXTELLA尼禄阵营人物无铭图鉴及资料介绍_单机游戏_游戏攻略_
- Fate/EXTELLA尼禄阵营人物库丘林图鉴及资料介绍_单机游戏_游戏攻略_
- Fate/EXTELLA尼禄阵营人物李书文图鉴及资料介绍_单机游戏_游戏攻略_
本栏推荐
![](http://img.jbzj.com/file_images/game/201809/2018091709244212.jpg)
-
怪物猎人世界历战王冥灯龙用插射流金色铳枪爆鳞配装推荐_单机游戏_游戏攻略_
-
怪物猎人世界历战王冥灯龙铳枪无脑打法及配装_单机游戏_游戏攻略_
-
怪物猎人世界评价怎么样_怪物猎人世界全面评测_单机游戏_游戏攻略_
-
怪物猎人世界白斩和超会心选哪个更好_白斩和超会心性价比介绍_单机游戏_游戏攻略_
-
怪物猎人世界噗哧猪服装从哪里获取_噗哧猪服装获取地点介绍_单机游戏_游戏攻略_
-
怪物猎人世界重弩怎么配装 坦克流重弩完美配装攻略_单机游戏_游戏攻略_
-
Fate/EXTELLA尼禄阵营人物无铭图鉴及资料介绍_单机游戏_游戏攻略_
-
Fate/EXTELLA尼禄阵营人物库丘林图鉴及资料介绍_单机游戏_游戏攻略_
-
Fate/EXTELLA尼禄阵营人物李书文图鉴及资料介绍_单机游戏_游戏攻略_