VirtualKeyboard: событие geometrychange

Событие geometrychange интерфейса VirtualKeyboard срабатывает при переключении виртуальной клавиатуры между отображением и скрытием.

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

Используйте имя события в методах, таких как addEventListener(), или установите свойство обработчика события.

navigator.virtualKeyboard.addEventListener("geometrychange", (event) => {});

navigator.virtualKeyboard.ongeometrychange = (event) => {};

Общее Event.

Следующий фрагмент кода использует событие geometrychange для определения изменения геометрии виртуальной клавиатуры и доступа к свойству boundingRect для получения размера и положения виртуальной клавиатуры:

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

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

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