Виртуальная клавиатура

Интерфейс VirtualKeyboard API Виртуальной клавиатуры полезен на устройствах с виртуальной клавиатурой, таких как планшеты, мобильные телефоны или другие устройства, где физическая клавиатура может отсутствовать.

Интерфейс VirtualKeyboard позволяет отказаться от автоматического управления виртуальной клавиатурой браузером, уменьшив высоту области просмотра, чтобы освободить место для неё. Вы можете предотвратить изменение размера области просмотра браузером, определить положение и размер виртуальной клавиатуры — для последующей адаптации макета вашей веб-страницы — и программно отображать или скрывать виртуальную клавиатуру.

Вы получаете доступ к интерфейсу VirtualKeyboard с помощью navigator.virtualKeyboard.

Интерфейс VirtualKeyboard наследует свойства от своего родительского интерфейса EventTarget.

VirtualKeyboard.boundingRect Только для чтения Экспериментально

Объект DOMRect, описывающий геометрию виртуальной клавиатуры.

VirtualKeyboard.overlaysContent Экспериментально

Значение Boolean, определяющее, следует ли браузеру прекратить обработку виртуальной клавиатуры.

Интерфейс VirtualKeyboard наследует методы от своего родительского интерфейса EventTarget.

VirtualKeyboard.show() Экспериментально

Отобразить виртуальную клавиатуру.

VirtualKeyboard.hide() Экспериментально

Скрыть виртуальную клавиатуру.

geometrychange Экспериментально

Срабатывает при изменении геометрии виртуальной клавиатуры, что происходит при её появлении или исчезновении.

Следующий пример демонстрирует, как отказаться от автоматического поведения виртуальной клавиатуры и определить её геометрию на веб-странице:

if ("virtualKeyboard" in navigator) {
  navigator.virtualKeyboard.overlaysContent = true;

  navigator.virtualKeyboard.addEventListener("geometrychange", (event) => {
    const { x, y, width, height } = event.target.boundingRect;
  });
}

• API виртуальной клавиатуры
• Полный контроль с помощью API виртуальной клавиатуры