Виртуальная клавиатура: метод show()

Метод show() интерфейса VirtualKeyboard программно отображает виртуальную клавиатуру на экране. Это полезно, когда страница должна реализовать собственную логику виртуальной клавиатуры, особенно при использовании атрибута virtualkeyboardpolicy на элементах contenteditable, как объяснено в Управлении виртуальной клавиатурой на элементах contenteditable.

Этот метод работает только, если фокусированный элемент является элементом управления формой — например, элементом <input> или <textarea> — или если фокусированный элемент является contenteditable, а атрибут virtualKeyboardPolicy фокусированного элемента установлен в значение manual, и атрибут inputmode не установлен в значение none.

Метод show() всегда возвращает 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 виртуальной клавиатуры