onkeypress - 印刷可能文字が生成された時に発火する

投稿日:

JavaScriptのイベントハンドラ、onkeypressの説明です。

説明

イベントハンドラのonkeypressは、キーを押して文字が生成されるタイミングで発火します。印刷可能なASCII文字が対象のようで、例えば、半角英数字を入力する時は発火しますが、日本語を入力する時のEnterキーには反応しません。ただ単にキーを押した時に発火するonkeydownとはその点が違います。

サンプルコード

<input id="target">
// 要素を取得
var inputElement = document.getElementById( "target" ) ;

// 処理を定義
var action = function() {
	// 処理内容
}

// イベントを設定 ( addEventListener )
inputElement.addEventListener( "keypress", action ) ;

// イベントを削除
inputElement.removeEventListener( "keypress", action ) ;
// 要素を取得
var inputElement = document.getElementById( "target" ) ;

// イベントを設定 ( onkeypress )
inputElement.onkeypress = function() {
	// 処理内容
}

// イベントを削除
inputElement.onkeypress = null ;

デモ

onkeypressイベントを設定しました。入力フォームにASCII文字を打ってみて下さい。日本語入力には反応がありません。イベントが発生するごとに、発生回数がカウントアップされます。

関連項目

外部リンク