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

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

我想让平板电脑“推高”网页内容(因为它在iPad上工作).

所以：
是否可以使键盘不覆盖我的输入字段？
并且我可以检测到一个虚拟键盘是否活跃与JavaScript？

解决方法

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

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

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

希望这可以帮助！

我没有Windows平板电脑,以确定操作系统如何管理键盘弹出窗口,但这种方法在Android和iOS上为我工作.

原文地址：https://www.jb51.cc/js/155065.html