VirtualKeyboard:boundingRect 属性

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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

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

VirtualKeyboard 接口的 boundingRect 属性包含一个用于指示覆盖在网页上的屏幕虚拟键盘的位置和大小的 DOMRect

当使用虚拟键盘 API 时,设置 overlaysContent 属性为 true 可通过使屏幕虚拟键盘覆盖在视口上,以防止浏览器自动调整视口大小。

一个指示视窗中虚拟键盘的位置和大小的 DOMRect

矩形的 xywidthheight 坐标对于重新定位网页中需要在虚拟键盘显示时仍可见的内容非常有用。

js
const { x, y, width, height } = navigator.virtualKeyboard.boundingRect;

规范

Specification
VirtualKeyboard API
# dom-virtualkeyboard-boundingrect

浏览器兼容性

BCD tables only load in the browser

参见