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

前端之家收集整理的这篇文章主要介绍了javascript – 在Windows 8平板电脑上处理虚拟键盘前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的网页上,我有一个文本输入字段,被 Windows 8.1平板电脑的键盘覆盖.

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

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

解决方法

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

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

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

希望这可以帮助!

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

猜你在找的JavaScript相关文章