虚拟键盘 API

虚拟键盘 API

实验性: 这是一项实验性技术在将其用于生产之前,请仔细检查浏览器兼容性表格。

安全上下文: 此特性仅在一些支持的浏览器的安全上下文(HTTPS)中可用。

虚拟键盘(VirtualKeyboard)API 允许开发者在如平板电脑、手机等没有物理键盘的设备上,当屏幕虚拟键盘出现/消失时控制其应用程序布局。

Web 浏览器通常会通过自动调整视口高度并在聚焦时滚动到输入字段,来处理虚拟键盘。

下图展示了设备屏幕虚拟键盘隐藏和显示时,网页的视口高度和滚动位置的差异。

更复杂的应用程序或特定设备(如多屏手机)可能需要在虚拟键盘出现时更精确地控制布局。

下图展示了双屏设备上虚拟键盘只出现在其中一个屏幕上的情况。视口在两个屏幕上都变小以适应虚拟键盘,这导致未显示虚拟键盘的屏幕上出现了被浪费掉的空间。

虚拟键盘 API 可以让开发者选择不使用浏览器自动处理虚拟键盘的方式,而是完全控制虚拟键盘的行为。使用虚拟键盘 API,在表单控件聚焦时,虚拟键盘会根据需要显示和隐藏,但视口不会改变,开发者可以利用 JavaScript 和 CSS 来自定义布局。

相关推荐

除了128斤的宋佳、118斤的范冰冰,女明星的真实体重简直想不到!
csgo攻略连跳指令及加速跳方法
舒克贝塔历险记中舒克是什么职业