JavaScript入門講座

Home > キーのイベントハンドラ

キーのイベントハンドラ

キーのイベントハンドラについてご紹介しています。

keypressイベント

keypressイベントはキーを押下した状態のままのときに発生します。


<form action="#">
<input type="text" onkeypress="alert('onkeypressイベント')">
</form>
						

keyupイベント

keyupイベントはキーを離したときに発生します。


<form action="#">
<input type="text" onkeyup="alert('keyupイベント')">
</form>
						

keydownイベント

keydownイベントはキーを押下したときに発生します。


<form action="#">
<input type="text" onkeydown="alert('keydownイベント')">
</form>