サイト上で、キーボードからの入力を制御する方法は次の通りです。キー入力イベントをキャッチする処理を実行させずキャンセルするたったこれだけで、キーボードの入力を無効化することができます。処理キーボードからの入力は、それぞれのキーに応じたコードが割り当てられています。具体的にどのようなコード値が得られるのか、確認してみましょう。イベントを利用すれば、入力のタイミングでコードを取得することができます。});});キー入力コード出力キーボードからの入力された情報は、数字のコード値に変換されることが分かります。問わず、共通の値が得られます。前述のサンプルでは、左側のテキストボックスに押下したキーの内容が表示されました。イベントが有効になったまま処理が終わっているためです。ここでテキストボックスへ出力を行わないようにするには、キー入力のイベントをキャンセルします。返却することでイベントを取り消すことができるのです。返却する処理を加えてみましょう。最初のサンプルとは異なり、左側のテキストボックスに文字が出力されません。返すことで、イベントを無効にできるのです。項目に対して制御を行いました。この処理に変更を加えて、イベント発生源をウィンドウそのものにすれば、画面全体に対してキーイベントを無効化することも可能です。こちらの処理は、前述のサンプルが動作しなくなってしまうので、サンプルコードのみとなります。組み合わせたキーイベントを無効化できるようにもなります。システムのような特定の環境においては効果のある制御になるので、応用編として参考にしてください。入力したキーによって、コード値を取得することができます。キーボード入力をキャンセル(無効化)する方法でした。えぬじぇいWeb系メインで従事していた元システムエンジニア。現在は個人事業主として独立。Webサイト運営における「困った問題」の解決方法をブログで発信。サイト運営、ポップデザインや動画制作など、パソコンでモノづくりをしている。