javascript - 做 HTML5页面时怎么判断手机软键盘是否隐藏?
大家讲道理
大家讲道理 2017-04-10 17:24:26
0
2
313

被这个手机输入法坑了很久。。。

手机页面:
输入框在页面的底部,手机弹出的输入法会遮住底部的输入框(在IOS7+,非UC浏览器不会出现该问题),所以需要判断输入法状态,进而做一些处理。

开始的思路是用 <input> 标签 onFocus,onBlur 事件来判断输入法到底有没有弹出。但是下图这种情况就完全头大了,不知怎么入手。。。。

请教一下大家,解决这个问题的一些经验,以及方法

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(2)
洪涛

直接获输入的事件是不可能的。但是可以通过检测clienHeight的变化来实现吧。

Peter_Zhu

安卓下用 键盘出来、收起都会触发 resize事件, window height 会变小。。。 iphone6 下 不会触发
所以我用的 input -> 弹出输入, blur -> 收起

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板