JavaScript HTML DOM イベント Examples

❮ 前章へ 次章へ ❯

イベントに反応するためにJavaScriptを使用する例。

Input イベント

onblur - ユーザが入力フィールドを離れたとき
onchange - ユーザが入力フィールドの内容を変更したとき
onchange - ユーザがプルダウンの値を選択したとき
onfocus - 入力フィールドにフォーカスがあるとき
onselect - 入力テキストを選択したとき
onsubmit - ユーザが送信ボタンをクリックしたとき
onreset - ユーザがリセットボタンをクリックしたとき
onkeydown - ユーザがキーを押している/押し続けているとき
onkeypress - ユーザがキーを押している/押し続けているとき
 onkeyup - ユーザがキーを離したとき
 onkeyup - ユーザがキーを離したとき
onkeydown 対 onkeyup - 両方

Mouse イベント

onmouseover/onmouseout - マウスが要素の上を通過するとき
onmousedown/onmouseup - マウスボタンを押す/離すとき
 onmousedown - マウスをクリックしたとき：どの要素かをアラート
onmousedown - マウスをクリックしたとき：どのボタンかをアラート
onmousemove/onmouseout - マウスポインタを画像の上または外に移動する場合
onmouseover/onmouseout - マウスを画像の上または外に移動する場合
イメージマップへのonmouseover

Click イベント

onclick イベントの動作
onclick - ボタンをクリックしたとき
ondblclick - テキストをダブルクリックしたとき

Load イベント

onload - ページが読み込まれたとき
onload - 画像が読み込まれたとき
 onerror - 画像を読み込む際にエラーが発生したとき
onload - ブラウザがドキュメントを閉じるとき
onresize - ブラウザウィンドウのサイズが変更されたとき

その他

押されたキーのキーコードは？
カーソルの座標は？
画面に対するカーソルの座標は？
シフトキーが押されたか？
どのイベントタイプが発生したか？

例の説明

❮ 前章へ 次章へ ❯