JavaScript HTML DOMイベントの例

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

入力イベント

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

マウスイベント

onmouseover/onmouseout - マウスが要素の上を通過したとき onmousedown/onmouseup - マウスボタンを押す/離すとき onmousedown - マウスがクリックされたとき:どの要素を警告するか onmousedown - マウスがクリックされたとき:どのボタンに警告するか onmousemove/onmouseout - マウスポインターを画像の上/外に移動するとき onmouseover/onmouseout - マウスを画像の上/外に移動するとき onmouseイメージマップ上で

クリックイベント

onclickイベントへの対応 onclick - ボタンがクリックされたとき ondblclick - テキストをダブルクリックしたとき

イベントの読み込み

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

その他

押されたキーのキーコードは？カーソルの座標は？画面に対するカーソルの座標は? シフトキーは押されましたか？発生したイベントの種類は? 例の説明

チュートリアル