您现在的位置是：网站首页> 编程资料编程资料

HTML5 虚拟键盘出现挡住输入框的解决办法HTML5实现搜索输入框下拉列表代码html5实现输入框字数限制提示抖动效果Html5新标签datalist实现输入框与后台数据库数据的动态匹配HTML5为输入框添加语音输入功能的实现方法HTML5输入框下拉菜单功能的示例代码

2023-10-13 349人已围观

简介本文主要介绍了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中localStorage存储JSON数据并读取JSON数据的实现方法详解前端HTML5几种存储方式的总结浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同

下一篇：通过HTML5规范搞定i、em、b、strong元素的区别作用相似html标记:strong与em、q、cite、blockquoteHTML5头部<meta>标签的一些常用信息小结细数html中的列表标签html中常用的标签总结(必看)HTML5新增加标签和功能概述HTML中相似的标签和属性的区别详解HTML块级标签汇总（小篇）HTML5进阶段内联标签汇总（小篇）HTML的meta标签常见用法集锦

您现在的位置是：网站首页> 编程资料编程资料

相关内容

点击排行

本栏推荐

猜你喜欢