コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

JavaScript イベントハンドラ

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

投稿日:

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

サンプルソース

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

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

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

実行サンプル

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

keyCode:

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript, イベントハンドラ

執筆者:


comment

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

関連記事

[JavaScript] コンソールにメッセージを出力する

コンソールにメッセージを出力するサンプルです。 サンプルソース 例)ボタンを押すとコンソールにメッセージを出力する [c ...

[JavaScript] HTMLタグの属性値を取得する(getAttribute)

HTMLタグの属性値を取得するには、getAttributeを使用します。 HTMLタグの属性値を取得する 例)id=" ...

[JavaScript] 日付スラッシュ編集を行うテキストボックス

フォーカスインすると「YYYYMMDD」形式、フォーカスアウトすると「YYYY/MM/DD」形式にするテキストボックスサ ...

[JavaScript] ツールチップを設定する

JavaScriptでツールチップを設定するサンプルです。 サンプルソース 例)ボタンを押すと、入力された値がツールチッ ...

[JavaScript] セレクトボックス値を動的に生成する

連想配列オブジェクトの値から、セレクトボックスの要素を動的に生成するサンプルです。 サンプルソース 例)連想配列arrの ...

スポンサーリンク