VirtualKeyboard: свойство overlaysContent
Ограниченная доступность
Эта функция не является базовой, так как она не работает во всех распространённых браузерах.
Экспериментальная функция: Это экспериментальная технология
Перед использованием в продуктовой среде внимательно проверьте таблицу совместимости с браузерами.
Безопасный контекст: Эта функция доступна только в безопасных контекстах (HTTPS) в некоторых или всех поддерживающих браузерах.
Свойство overlaysContent интерфейса VirtualKeyboard позволяет отказаться от автоматического способа обработки виртуальных клавиатур браузерами, уменьшая размер viewport для освобождения места для них.
Если свойство overlaysContent установлено в true, браузер больше не изменяет размер viewport при появлении виртуальной клавиатуры. Вместо этого виртуальная клавиатура накладывается поверх содержимого веб-страницы, и вы можете адаптировать макет страницы, используя API виртуальной клавиатуры и собственные кастомные CSS и JavaScript.
Значение
Булево значение. По умолчанию false, установите в true, чтобы отказаться от автоматической обработки браузером виртуальной клавиатуры.
Пример
if ("virtualKeyboard" in navigator) {
console.log(navigator.virtualKeyboard.overlaysContent); // false
navigator.virtualKeyboard.overlaysContent = true; // Opt out of the automatic handling.
}
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
overlaysContent |
94 | 94 | Нет | 80 | Нет | 94 | Нет | 66 | Нет | 17.0 | 94 |
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard/overlaysContent
