DOM

：

：

Element：keypress イベント

　編集：2022.10.18 by T.A.

[Edge]。非推奨。→、

非推奨： この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

要素でキーが入力されたときに発行されます。シフト キーなどの装飾キーは発行されません。FEP など利用で変換入力では発行されません。

mdn： 文字値を生成するキーの例としては、アルファベットキー、数字キー、区切り記号キーが挙げられます。文字値を生成しないキーの例としては、Alt、Shift、Ctrl、Meta のような修飾キーが挙げられます。

mdn： 文字値を生成するキーの例としては、アルファベットキー、数字キー、区切り記号キーが挙げられます。文字値を生成しないキーの例としては、Alt、Shift、Ctrl、Meta のような修飾キーが挙げられます。

Warning： このイベントは非推奨になりましたので、代わりに HTMLElement.beforeinput または keydown を使用してください。

バブリング ¶あり
キャンセル ¶可能
インターフェイス KeyboardEvent
イベント ハンドラー プロパティ onkeypress
例

HTML： 

<INPUT id=IdTest><BR>
<SPAN id=IdLog></SPAN><BR>
<SPAN id=IdLog2></SPAN><BR>

JavaScript： 

function Job(eve){ //keydownイベントの処理：
  D=eve; //＝[object]：[object KeyboardEvent]。日本語入力で「あ」を入力するために[a]を押した時。

詳細	//isTrusted＝[boolean]：true
	//key＝[string]：Process
	//code＝[string]：KeyA
	//location＝[number]：0
	//ctrlKey＝[boolean]：false
	//shiftKey＝[boolean]：false
	//altKey＝[boolean]：false
	//metaKey＝[boolean]：false
	//repeat＝[boolean]：false
	//isComposing＝[boolean]：false
	//charCode＝[number]：0
	//keyCode＝[number]：229
	//…



詳細	//＝[object]：[object KeyboardEvent]。英数入力で[a]を押した時。
	//isTrusted＝[boolean]：true
	//key＝[string]：a
	//code＝[string]：KeyA
	//location＝[number]：0
	//ctrlKey＝[boolean]：false
	//shiftKey＝[boolean]：false
	//altKey＝[boolean]：false
	//metaKey＝[boolean]：false
	//repeat＝[boolean]：false
	//isComposing＝[boolean]：false
	//charCode＝[number]：0
	//keyCode＝[number]：65
	//…


  IdLog.innerHTML="code："+ eve.code +"、key："+ eve.key;
}
function Job2(eve){ //keypressイベントの処理：
  DA=eve; //＝[object]：[object KeyboardEvent]。英数入力で[a]を押した時。

詳細	//isTrusted＝[boolean]：true
	//key＝[string]：a
	//code＝[string]：KeyA
	//location＝[number]：0
	//ctrlKey＝[boolean]：false
	//shiftKey＝[boolean]：false
	//altKey＝[boolean]：false
	//metaKey＝[boolean]：false
	//repeat＝[boolean]：false
	//isComposing＝[boolean]：false
	//charCode＝[number]：97
	//keyCode＝[number]：97
	//…


  IdLog2.innerHTML="code："+ eve.code +"、key："+ eve.key;
}
IdTest.onkeydown=Job;
IdTest.onkeypress=Job2;
テスト