.keypress()【《キー押下》イベントハンドラ設定・実行】

メモ

構文

説明構文戻り値
《キー押下》
イベントハンドラ設定 		.keypress( handler ) 1.0

handler：イベントハンドラ
引数説明
[ Event eventObject ]イベントオブジェクト
(this)該当要素 (HTML5：基本DOM要素 参照)
戻り値説明
false
その他 		.on()【イベントハンドラ設定】のイベントのバブルアップ・処理抑止 参照
処理続行

.on( "keypress", handler ) の省略形 		jQuery
.keypress( [eventData ], handler ) 1.4.3

Anything eventData：イベントデータ
handler：イベントハンドラ
引数説明
[ Event eventObject ]イベントオブジェクト
(イベントデータは、eventObject.data で参照)
(this)該当要素 (HTML5：基本DOM要素 参照)
戻り値説明
false
その他 		.on()【イベントハンドラ設定】のイベントのバブルアップ・処理抑止 参照
処理続行

.on( "keypress", handler ) の省略形 		jQuery
《キー押下》
イベントハンドラ実行 		.keypress() 1.0

.trigger( "keypress" ) の省略形 		jQuery

関連

例

<p><input id="inputEvent"></p>
<p><textarea id="output" style="width:200px; height:200px;">【出力】</textarea></p>

<script>
function keyboard(event) {
  $output = $("#output");
  $output.val($output.val() + "\n[" + event.type + "] (" + event.which + "：0x" + event.which.toString(16) + ")");
}

$("#inputEvent")
  .keydown(keyboard)
  .keypress(keyboard)
  .keyup(keyboard);
</script>