在Windows 8平板电脑上处理虚拟键盘

Question

在我的网页中，我有一个文本输入字段，在Windows 8.1平板电脑中被键盘覆盖。

我希望这款平板电脑能够“推高”。网页内容（因为它在iPad上运行）。

所以： 是否可以使键盘不覆盖我的输入字段？ 我可以通过javascript检测虚拟键盘是否处于活动状态吗？

Answer 1

您可以获得文本字段与屏幕分辨率相对的相对位置，如果字段位于第二个垂直半边（即出现后覆盖键盘的空间），则向下滚动网页以获得固定数量的文本字段像素。

如果您使用jQuery，可以使用 jquery.scrollTo 插件滚动到具有垂直负偏移的字段，因此该字段始终可见。

插件网站：https://github.com/flesler/jquery.scrollTo

希望这有帮助！

我没有Windows平板电脑来确定操作系统如何管理键盘弹出窗口，但这种方法在Android和iOS上对我有用。