问题:在h5移动端input框输入的时候,软键盘弹起,收回底部按钮被抬起
现象:在安卓手机上,当软键盘弹起之后,输入完软键盘收起之后并不会失去焦点,在ios中输入完成之后,软键盘收起,并且失去焦点
解决方案:通过监听窗口可视区域变化来做突破口,window.onresize事件监听浏览器窗口的变化!
代码:
// 获取浏览器可视区域高度
let originHeight = document.body.clientHeight || document.documentElement.clientHeight
window.onresize = function () {
let resizeHeight = document.body.clientHeight || document.documentElement.clientHeight
if (resizeHeight < originHeight) {
// to do....
} else {
// to do...
}
}
备注:实际项目运行过,可行,如果大家有好的解决办法 欢迎留言或者加微信Z664100753