被这个手机输入法坑了很久。。。
手机页面:
输入框在页面的底部,手机弹出的输入法会遮住底部的输入框(在IOS7+,非UC浏览器不会出现该问题),所以需要判断输入法状态,进而做一些处理。
开始的思路是用 <input>
标签 onFocus,onBlur 事件来判断输入法到底有没有弹出。但是下图这种情况就完全头大了,不知怎么入手。。。。
请教一下大家,解决这个问题的一些经验,以及方法
被这个手机输入法坑了很久。。。
手机页面:
输入框在页面的底部,手机弹出的输入法会遮住底部的输入框(在IOS7+,非UC浏览器不会出现该问题),所以需要判断输入法状态,进而做一些处理。
开始的思路是用 <input>
标签 onFocus,onBlur 事件来判断输入法到底有没有弹出。但是下图这种情况就完全头大了,不知怎么入手。。。。
请教一下大家,解决这个问题的一些经验,以及方法
安卓下用 键盘出来、收起都会触发 resize事件, window height 会变小。。。 iphone6 下 不会触发
所以我用的 input -> 弹出输入, blur -> 收起
click的时候
`
setTimeout(function(){
document.body.scrollTop=document.body.scrollHeight-document.documentElement.clientHeight;
},800)
`
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.8k 阅读✓ 已解决
直接获输入的事件是不可能的。但是可以通过检测clienHeight的变化来实现吧。