处理 Windows 8 平板电脑上的虚拟键盘
Handle virtual keyboard on Windows 8 tablet
在我的网页中,我有一个文本输入字段,它被 Windows 8.1 平板电脑中的键盘覆盖。
我希望平板电脑 'push up' 网页内容(因为它适用于 iPad)。
所以:
是否可以让键盘不覆盖我的输入字段?
我可以使用 javascript 检测虚拟键盘是否处于活动状态吗?
您可以获得文本字段相对于屏幕分辨率的相对位置,如果该字段位于垂直的第二半(即出现后覆盖键盘的 space),则向下滚动固定像素数量的网页。
如果你使用jQuery,你可以使用jquery.scrollTo插件滚动到垂直负偏移的字段,所以该字段总是可见。
插件站点:https://github.com/flesler/jquery.scrollTo
希望对您有所帮助!
我没有 Windows 平板电脑来确定 OS 如何管理键盘弹出窗口,但这种方法对我在 Android 和 [=25= 上有效].
在我的网页中,我有一个文本输入字段,它被 Windows 8.1 平板电脑中的键盘覆盖。
我希望平板电脑 'push up' 网页内容(因为它适用于 iPad)。
所以: 是否可以让键盘不覆盖我的输入字段? 我可以使用 javascript 检测虚拟键盘是否处于活动状态吗?
您可以获得文本字段相对于屏幕分辨率的相对位置,如果该字段位于垂直的第二半(即出现后覆盖键盘的 space),则向下滚动固定像素数量的网页。
如果你使用jQuery,你可以使用jquery.scrollTo插件滚动到垂直负偏移的字段,所以该字段总是可见。
插件站点:https://github.com/flesler/jquery.scrollTo
希望对您有所帮助!
我没有 Windows 平板电脑来确定 OS 如何管理键盘弹出窗口,但这种方法对我在 Android 和 [=25= 上有效].