(javascript)做 HTML5页面时怎么判断手机软键盘是否隐藏？

关于网友提出的“(javascript)做 HTML5页面时怎么判断手机软键盘是否隐藏？”问题疑问，本网通过在网上对“(javascript)做 HTML5页面时怎么判断手机软键盘是否隐藏？”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

描述:

被这个手机输入法坑了很久。。。
手机页面：
输入框在页面的底部，手机弹出的输入法会遮住底部的输入框（在IOS7+，非UC浏览器不会出现该问题），所以需要判断输入法状态，进而做一些处理。
开始的思路是用 标签 onFocus，onBlur 事件来判断输入法到底有没有弹出。但是下图这种情况就完全头大了，不知怎么入手。。。。

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

解决方案1:

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

解决方案2:

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

解决方案3:

给你的输入框放在html这层，然后给html相对定位，height:100%;width:100%，再给输入框绝对定位到bottom:0;left:0;这时候输入框在键盘弹出的时候会跳到输入框的上面。
以上介绍了“(javascript)做 HTML5页面时怎么判断手机软键盘是否隐藏？”的问题解答，希望对有需要的网友有所帮助。