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] オブジェクトが空かどうか判定する

オブジェクトが空かどうか判定するサンプルfunctionです。 サンプルソース 例)オブジェクトが空の場合はtrueを返 ...

[JavaScript] 文字列をBase64エンコードする(.btoa)

文字列をBase64エンコードには、window.btoa()を使用します。 サンプルソース 例)文字列「abcdefg ...

[JavaScript] class名からオブジェクトを取得する

タグに付けられたclass名からオブジェクトを取得するには、 document.getElementsByClassNa ...

[JavaScript] 連動するセレクトボックス

連動するセレクトボックスのサンプルです。 サンプルソース 例)都府県を選択すると、市区の選択肢が変わるセレクトボックス ...

[JavaScript] 値を厳密に比較する(===、!==) 厳密等価演算子

JavaScriptで値を比較する時、型も同じかどうかを比較するには「===」で比較します。 「===」は厳密等価演算子 ...

スポンサーリンク