如何使用javascript检测iphone/ipad中屏幕键盘的高度答案

【问题标题】：How to detect the height of onscreen keyboard in iphone/ipad using javascript如何使用javascript检测iphone/ipad中屏幕键盘的高度
【发布时间】：2018-04-28 14:38:43
【问题描述】：

我想知道 iphone/ipad 中屏幕键盘的高度，用于聊天应用程序。我可以使用此代码检测设备是否为 IOS：

var iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);

我做了一些搜索，发现很少有类似的问题，但没有一个对我有用。是否有适用于所有 IOS 设备的代码。

编辑： 我的问题背后的原因是我想在键盘打开后找出身体的剩余区域。与 android 设备不同，在 iOS 中，虚拟键盘的存在不会改变视口高度。

【问题讨论】：

我也对答案很感兴趣！我用这个github.com/mvasin/react-div-100vh 在 React JS 中进行了尝试。但它没有计算键盘的高度。它只是屏幕的整个高度，所以会出现一个滚动条。您找到解决方案了吗？
甚至还有一篇关于它的 Medium 文章：blog.opendigerati.com/…

标签： javascript ios iphone

【解决方案1】：

首先，您要检测 iPhone/iPad 设备旋转，然后您希望代码检测 ios 版本和设备类型（例如 iPad 2）。然后你想搜索键盘的平均像素（更具体地说：设备型号。）然后在你的 javascript 中告诉它，将值设置为你正在处理的任何内容：如果 ipad 是 ipad 2，设置键盘到 0x0

【讨论】：