VirtualKeyboard:overlaysContent 属性
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
VirtualKeyboard 接口的 overlaysContent
属性用于选择不使用浏览器自动处理屏幕虚拟键盘的方式(减小视窗大小来为屏幕虚拟键盘腾出空间)。
如果将 overlaysContent
属性设置为 true
,则浏览器在虚拟键盘出现时不再调整视口大小,而是让虚拟键盘覆盖在网页内容上。从而,你可以使用虚拟键盘 API、自定义 CSS 和 JavaScript 适应页面布局。
值
一个布尔值。默认为 false
,设置为 true
可选择不使用浏览器对屏幕虚拟键盘的自动处理。
示例
js
if ("virtualKeyboard" in navigator) {
console.log(navigator.virtualKeyboard.overlaysContent); // false
navigator.virtualKeyboard.overlaysContent = true; // 选择不使用自动处理。
}
规范
Specification |
---|
VirtualKeyboard API # dom-virtualkeyboard-overlayscontent |
浏览器兼容性
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
overlaysContent |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.