可能这些是你想要的H5软键盘兼容方案

前言
最近一段时间在做 H5 聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附(或顶)在输入法框上。需求很明确，看似很简单，其实不然。从实验过一些机型上看，发现主要存在以下问题：
在 Android 和 IOS 上，获知软键盘弹起和收起状态存在差异，且页面 webview表现不同。 在 IOS12 上，微信版本 v6.7.4 及以上，输入框获取焦点，键盘弹起，页面(webview)整体往上滚动，当键盘收起后，不回到原位，导致键盘原来所在位置是空白的。 在 IOS 上，使用第三方输入法，高度计算存在偏差，导致在有些输入法弹起，将输入框挡住一部分。 在有些浏览器上使用一些操作技巧，还是存在输入框被输入法遮挡。
下面就上述发现的问题，逐个探索一下解决方案。
获知软键盘弹起和收起状态
获知软键盘的弹起还是收起状态很重要，后面的兼容处理都要以此为前提。然而， H5并没有直接监听软键盘的原生事件，只能通过软键盘弹起或收起，引发页面其他方面的表现间接监听，曲线救国。并且，在 IOS 和 Android 

可能这些是你想要的H5软键盘兼容方案最先出现在Python成神之路。