HTML5 虚拟键盘出现挡住输入框的解决办法
发布时间:2017-02-14 15:09:25 作者:fiona118 我要评论
本文主要介绍了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); } }) }
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
相关文章
- HTML5搜索输入框下拉列表代码是一款在搜索框里面输入问题下拉显示更多信息。需要的朋友可以来脚本之家下载2020-04-22
- html5实现输入框字数限制提示抖动效果,效果图为蓝色背景,输入文字时并伴有横条加载效果,当超过限制字符时,输入框抖动效果代码。本段代码可以在各个网页使用,有需要的2018-03-01
Html5新标签datalist实现输入框与后台数据库数据的动态匹配
HTML5新增的标签datalist实现输入中文/拼音首字母时,自动进入数据库模糊查询,并返回相应的结果,生成datalist,由于在输入框中的输入内容发生变化时,datalist会自动触发2017-05-18- 本文给大家介绍如何使用html5为输入框添加语音输入功能,实现方法很简单,需要的朋友参考下本文2017-02-06
- 这篇文章主要介绍了HTML5输入框下拉菜单功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2020-09-08
最新评论