JavaScript

[JavaScript] keydownイベントを取得する(onkeydown)

投稿日:2017年8月19日 更新日:

JavaScriptでkeydownイベントを取得するサンプルです。

サンプルソース

例1)テキストボックス上でキーを押すとkeycodeをコンソールに表示する


以下の書き方でもOKです。

例2)テキストボックス上でキーを押すとkeycodeをコンソールに表示する

実行サンプル

キーを押すとキーコードが表示されます。

keyCode:

解説

  • キーダウンイベントを取得するには、onkeydownを使用します。
  • キーコードの一覧は以下ページをご覧ください。
    [JavaScript] キーコードの一覧
  • 同じようなメソッドに onKeyPressがあります。
    onKeyDownはESCキーやSHIFTキーなど文字が表示されないキーにも反応するのに対し、onKeyPressは文字が入力されないキーには反応しないという違いがあります。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 一番初めにゼロでない数値を返す

複数の値で、一番初めにゼロでない値を返す書き方です。 サンプルソース 例)複数の値で一番初めにゼロでない値を返す書き方の ...

[JavaScript] オブジェクト(連想配列)の要素数を取得する

オブジェクト(連想配列)の要素数を取得するサンプルです。 オブジェクト(連想配列)の要素数を取得する オブジェクト(連想 ...

[JavaScript] 数値を文字列に変換する時最もパフォーマンスが良い方法

数値を文字列に変換するには、以下3種類がありますが どれが最もパフォーマンスがよいか調べてみました。 [crayon-5 ...

[JavaScript] 通信プロトコル(http/https等)を判定する

使われている通信プロトコルを判定するサンプルです。 サンプルソース 例)使われている通信プロトコルを判定する [cray ...

[JavaScript] CSSセレクタ指定で要素を取得する(.querySelector/.querySelectorAll)

CSSセレクタ指定で要素を取得するには、.querySelector()/.querySelectorAll()を使用し ...

スポンサーリンク