JavaScript HTML イベントインスタンス

JavaScriptを使用してイベントに反応する例。

入力イベント

onblur - ユーザーが入力フィールドを離れたとき
onchange - ユーザーが入力フィールドの内容を変更したとき
onchange - ユーザーがドロップダウン値を選択したとき
onfocus - 入力フィールドに焦点が当たったとき
onselect - 入力テキストが選択されたとき
onsubmit - ユーザーがサブミットボタンをクリックしたとき
onreset - ユーザーがリセットボタンをクリックしたとき
onkeydown - ユーザーがキーを押下/押し続けたとき
onkeypress - ユーザーがキーを押下/押し続けたとき
onkeyup - ユーザーがキーをリリースしたとき
onkeyup - ユーザーがキーをリリースしたとき
onkeydown vs onkeyup - 両者

マウスイベント

onmouseover/onmouseout - マウスが要素に乗ったとき
onmousedown/onmouseup - マウスボタンを押下/リリースしたとき
onmousedown - マウスを押したとき：クリックした要素を示す
onmousedown - マウスをクリックしたとき：クリックしたボタンを示す
onmousemove/onmouseout - マウス指標を div に合わせて/合わせないとき
onmouseover/onmouseout - マウス指標を画像に合わせて/合わせないとき
onmouseover - マウスを画像マッピングに合わせたとき

クリックイベント

onclick イベントに反応する
onclick - ボタンをクリックしたとき
ondblclick - テキストをダブルクリックしたとき

読み込みイベント

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

その他

ボタンのキーコードは何ですか？
カーソルの座標は何ですか？
スクリーンに対するカーソルの座標は何ですか？
shift キーが押されていますか？
どのようなイベントタイプが発生しましたか？

例の説明