Virtual keyboard

概要

Virtual Keyboard API はモバイルの仮想キーボードの表示制御と、キーボード表示時のビューポートのジオメトリ情報を提供します。

対応ブラウザ

基本構文

navigator.virtualKeyboard.overlaysContent = true;
navigator.virtualKeyboard.show();
navigator.virtualKeyboard.addEventListener('geometrychange', (e) => {
  console.log('キーボード領域:', e.target.boundingRect);
});

実務での使いどころ

• Virtual keyboard の活用

  Virtual Keyboard API。仮想キーボードの表示・非表示を制御するAPI。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — Virtual keyboard