虚拟键盘:overlaysContent 属性

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

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

overlaysContent 属性是 VirtualKeyboard 接口的一个属性,可用于选择退出浏览器处理屏幕虚拟键盘的自动方式,方法是减小视口大小以腾出空间。

如果将 overlaysContent 属性设置为 true,则浏览器在虚拟键盘出现时不再调整视口大小。相反,虚拟键盘会覆盖网页内容,您可以使用 虚拟键盘 API 以及您自己的自定义 CSS 和 JavaScript 适当地调整页面布局。

布尔值。默认值为 false,将其设置为 true 以选择退出浏览器对屏幕虚拟键盘的自动处理。

示例

js
if ("virtualKeyboard" in navigator) {
  console.log(navigator.virtualKeyboard.overlaysContent); // false
  navigator.virtualKeyboard.overlaysContent = true; // Opt out of the automatic handling.
}

规范

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

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅