Android chrome键盘弹出收起页面高度不变

392 阅读1分钟

问题

对于Android端h5页面键盘弹出收起,网上一般的结论是:

Android端h5页面,键盘弹出,页面高度会变化,我们可以通过这个特性结合resize事件,来判断键盘弹出收起,以及获取键盘高度

但是,最近碰到有些Android机的chrome并不符合以上情况: 页面高度没变化,就像ios键盘是浮在页面上的

问题:键盘弹出收起,会触发resize事件,但页面高度不变,键盘收起不会触发bur事件。这种情况下,怎么识别键盘弹出收起,怎么获取键盘高度?

寻找解决方案

吸低元素距离页面底部的高度

    document.querySelector('.bottom-area').getBoundingClientRect().bottom

键盘弹出后,该值会变化,可以在resize事件中判断