HTML5技术

HTML5 虚拟键盘出现挡住输入框的解决办法 - fiona118

字号+ 作者:H5之家 来源:H5之家 2017-02-13 14:00 我要评论( )

//防止键盘把当前输入框给挡住 $$('input[type="text"],textarea').on('click', function () { var target = this; setTimeout(function(){ target.scrollIntoViewIfNeeded(); },100); }); 部分安卓机型适用。 if(/Android [4-6]/.test(navigator.appVersion

//防止键盘把当前输入框给挡住
$$('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); } }) }

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5动画(一):实现树叶飘落 - 孟然

    HTML5动画(一):实现树叶飘落 - 孟然

    2017-02-10 12:00

  • 02月刊(上) | 微信小程序 - HTML5学堂

    02月刊(上) | 微信小程序 - HTML5学堂

    2017-02-08 14:02

  • HTML5 Shiv--解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法 - 清-Amy

    HTML5 Shiv--解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法 - 清-Amy

    2017-02-07 09:00

  • html5为输入框添加语音输入功能 - 孟然

    html5为输入框添加语音输入功能 - 孟然

    2017-02-06 18:00

网友点评
i