头闻号

昆明市绿妆护肤品营销店

香料、香精|皮肤用化学品|香膏|丰胸化学品

首页 > 新闻中心 > 科技常识:HTML5 虚拟键盘出现挡住输入框的解决办法
科技常识:HTML5 虚拟键盘出现挡住输入框的解决办法
发布时间:2024-10-06 08:35:52        浏览次数:2        返回列表

今天小编跟大家讲解下有关HTML5 虚拟键盘出现挡住输入框的解决办法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关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); } })}

以上就是本文的全部内容 希望本文的内容对大家的学习或者工作能带来一定的帮助 同时也希望多多支持爱蒂网!

来源:爱蒂网