虚拟键盘:boundingRect 属性

实验性: 这是一个 实验性技术
在生产环境中使用此功能之前,请仔细查看 浏览器兼容性表格

安全上下文: 此功能仅在 安全上下文(HTTPS)中可用,且仅在某些或所有 支持的浏览器 中可用。

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

当使用 虚拟键盘 API 以防止浏览器自动调整视口大小时,屏幕虚拟键盘将覆盖视口。这是通过将 overlaysContent 属性设置为 true 来实现的。

一个 DOMRect,指示虚拟键盘在视口中的位置和大小。

矩形的 xywidthheight 坐标可用于重新定位网页中需要即使在显示虚拟键盘时也可见的内容。

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

规范

规范
虚拟键盘 API
# dom-virtualkeyboard-boundingrect

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅