JavaScript

[JavaScript] keypressイベントを取得する(onKeyPress)

投稿日:2017年10月7日 更新日:

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

サンプルソース

例1)テキストボックスでキーを押すとキーコードが表示される

例2)テキストボックスでキーを押すとキーコードが表示される

例1、例2どちらも同じ動きをします。

実行サンプル

テキストボックス上でキーを押すとキーコードが表示されます。

keyCode:

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] クリック イベントを取得する(onClick)

クリックイベントを取得するには、onclickイベントハンドラを使用します。 サンプルソース ボタンを押すとアラートを表 ...

[JavaScript] Functionが要求する引数の数を取得する

Functionが要求する引数の数を取得するサンプルです。 サンプルソース 例)関数「fnc02」が要求する引数の数を取 ...

[JavaScript] 配列を生成する

配列を生成するサンプルです。 配列を生成するサンプル 配列の生成方法には、以下3パターンがあります。 例)配列を生成する ...

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

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

[JavaScript] ページに文字列を出力する(document.write、document.writeln)

JavaScriptからページに文字列を出力するには、 document.write、document.writelnを ...

スポンサーリンク