使用html实现的app界面，当使用ios或Android打开这个界面时候，如何使用原生js或jquery框架中监控键盘的弹起或收起

Question

老师你好，我使用html实现的app界面网页，在网页中间有一个input输入框，当输入时候，由于ios或Android键盘高度不同，会遮挡该输入框，请问如何使用原生js或jquery框架中监控键盘的弹起或收起，让输入框在输入时候保持在键盘上面，输入完毕还原

Answer 1

one_pieces 2023-09-19 11:57:23

同学你好，正好老师实现过类似需求，当时的做法是用 fixed 布局把输入框固定在键盘顶部，但需要在键盘弹起的时候获取键盘高度，以及在键盘收起时把输入框 bottom 设置为 0。我不太清楚 webview 是否有原生事件支持获取键盘高度，我们当时是 native 的同事实现的 jsbridge 事件，通过监听 window 自定义事件来获取高度的，希望可以帮助到同学

• 提问者 程序员叶某 #1

  老师你好，我们用原生Android和ios开发了一个壳，里面访问我们html界面，目前是ios壳里面访问html界面input输入框键盘可以始终处于input框下面，但是Android壳里面访问相同的html界面却会把input输入框遮挡。
  其中在该html界面中有多个input会被键盘遮挡，且并不都处于底部，目前尝试网上很多方法，都无法获取键盘弹起，收起，键盘高度，请老师给与不影响原有样式的具体实现
  但是ios壳里面打开相同html中input输入框，键盘却可以正常保持在在input框下面，这点很疑惑，难道是需要改原生的Android壳吗？

• one_pieces 回复 提问者 程序员叶某 #2

  不同系统对交互的定义都有些差别的，最好还是跟 native 两端的同学商量一下方案

• 提问者 程序员叶某 回复 one_pieces #3

  我们Android壳里面用的chrome内核，请问还有什么操作可以监控到键盘弹起收起

点开查看后面1条评论