移动端webapp开发:软键盘覆盖到输入框,导致输入的内容无法看到解决办法

  • A+
所属分类:JavaScript

软键盘覆盖到输入框,导致输入的内容无法看到,IOS可以忽略(IOS自动会把内容顶到键盘上方),以上为安卓用户移动WEB开发软键盘覆盖到输入框的解决办法!

首先说明这此问题CSS3是无法解决的,所以我使用的jQuery绑定了所有输入框(textinput、textarea)的点击事件,这样当输入框被点击后就调用它的 scrollIntoViewIfNeeded() 方法,保证输入框可见。(延迟400毫秒出现时有些 Android 手机键盘出现的比较慢)。

下面开始分享解决的代码:

成功解决安卓软键盘覆盖到输入框问题。

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: