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] ime-modeが使えるか判定する

ime-modeが使えるかどうか判定するサンプルです。 サンプルソース 例)ime-modeが使えるかどうかを判定して表 ...

[JavaScript] 要素のidを変更する

JavaScriptで要素のidを変更することができます。 サンプル 例)ボタンを押すとid="aaa"をid="bbb ...

[JavaScript] 文字列がYYYYMMDD形式の日付文字列であるかどうかチェックする

文字列がYYYYMMDD形式の日付文字列であるかどうかチェックするサンプルFunctionです。 サンプルソース 例)値 ...

[JavaScript] HTMLタグの属性値を削除する(.removeAttribute)

HTMLタグの属性値を削除するには、removeAttributeを使用します。 HTMLタグの属性値を削除する 例)i ...

[JavaScript] 数値チェックを行う

指定された値が数値かどうかをチェックするサンプルFunctionです。 サンプルソース 例1)値が数値かどうかチェックす ...

スポンサーリンク