移动端H5软键盘的问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了移动端H5软键盘的问题相关的知识，希望对你有一定的参考价值。
参考技术A 在android和 ios 上，获知软键盘弹起和收起状态存在差异，事件不同。在IOS上，输入框获取焦点，键盘弹起，页面（webview）整体往上滚动，当键盘收起后，不回到原位，导致键盘原来所在位置是空白的。使用第三方输入法，高度计算存在偏差，导致在有些输入法弹起，将输入框挡住一部分。
ios的软键盘弹起的时候是整个页面网上滚的，scrollTop发生变化的高度就是软键盘的高度，但是在软键盘收起的时候这段距离并不会收回
Android上，软键盘被弹起的时候，整个页面会被压缩，准确的来说是视图会被压缩，之前高度减去弹起后的高度是软键盘的高度
并且在点击软键盘的收起的时候软键盘的input不会失去焦点
所以总结如下： 在IOS上，可以监听 聚焦和失焦事件来判断键盘的状态 在Android上，监听 页面高度变化可以判断键盘的状态
以上是关于移动端H5软键盘的问题的主要内容，如果未能解决你的问题，请参考以下文章