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

Question

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

我希望平板电脑“推送”网页内容(就像在 iPad 上一样)。

所以:是否可以让键盘不覆盖我的输入字段？我可以使用 javascript 检测虚拟键盘是否处于事件状态吗？

Answer 1

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

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

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

希望这对您有所帮助!

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