VirtualKeyboard: метод hide()

Метод hide() интерфейса VirtualKeyboard программно скрывает виртуальную клавиатуру на экране. Это полезно, когда странице необходимо реализовать собственную логику виртуальной клавиатуры с помощью API виртуальной клавиатуры.

Этот метод работает только в том случае, если атрибут virtualKeyboardPolicy текущего фокусированного элемента установлен в manual и атрибут inputmode не установлен в none.

Метод hide() всегда возвращает undefined и вызывает событие geometrychange.

Нет.

Неопределено.

Ниже приведен фрагмент кода, демонстрирующий использование атрибута virtualkeyboardpolicy, чтобы предотвратить отображение виртуальной клавиатуры браузером при нажатии или тапе. Код также использует методы navigator.virtualKeyboard.show() и navigator.virtualKeyboard.hide() для отображения и скрытия виртуальной клавиатуры при нажатии на кнопку:

<div contenteditable virtualkeyboardpolicy="manual" id="editor"></div>
<button id="edit-button">Edit</button>
<script>
  if ("virtualKeyboard" in navigator) {
    const editor = document.getElementById("editor");
    const editButton = document.getElementById("edit-button");
    let isEditing = false;

    editButton.addEventListener("click", () => {
      if (isEditing) {
        navigator.virtualKeyboard.hide();
        editButton.textContent = "Edit";
      } else {
        editor.focus();
        navigator.virtualKeyboard.show();
        editButton.textContent = "Save changes";
      }

      isEditing = !isEditing;
    });
  }
</script>

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