1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

ブラウザアプリでキー入力を受け取りたい。キーボードショートカットのものも含めて。

Posted at

個人製作中のブラウザアプリで、キー入力を受け付けたいという場面がありました。このキー入力ですが、Ctrl(Command)と同時押しのものも含まれます。
しかし、ブラウザで動かす以上、ブラウザのキーボードショートカットを入力するとブラウザがそれに対応する動作をしてしまうということになります。特に、タブを開くものだったり、タブを閉じるものだった場合、もう大変です。
恐らく物凄くややこしい手法を使うことになるんだろうな、辛いな〜、と思いながら検索していたところ……

document.addEventListener('keydown', evt => {
  evt.preventDefault();
});

なるほど。

実際にほぼ同じコードをアプリに組み込んで、タブを閉じるショートカットが発動せず、また一方でアプリでのキーボード入力イベントは検知されていることが確認できました。
一件落着。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?