イベント

JavaScriptは、クリックなどのイベント発生時の処理（イベントハンドラ）を、HTMLの各要素に登録することができる。

HTMLドキュメント上で登録することも、JavaScript上で動的に登録することもできる。

マウスイベントキーボードイベントフォームイベントドラッグ＆ドロップイベントその他のイベント Eventオブジェクト EventTargetオブジェクト EventListenerオブジェクト DataTransferオブジェクトマウスイベントオブジェクトキーボードイベントオブジェクト

マウスイベント

onclickイベント
マウスの左ボタンをクリックした時のイベント。
ondblclickイベント
マウスの左ボタンをダブルクリックした時のイベント。
onmousedownイベント
マウスの何れかのボタンを押した時のイベント。
onmousemoveイベント
マウスのポインタ（カーソル）を移動させている時のイベント。
onmouseoutイベント
マウスのポインタ（カーソル）を要素の上から外した時のイベント。
onmouseoverイベント
マウスのポインタ（カーソル）を要素の上に合わせた時のイベント。
onmouseupイベント
マウスの何れかのボタンを放した時のイベント。
onmousewheelイベント
マウスホイールを動かした時のイベント。

キーボ－ドイベント

onkeydownイベント
キーボードの何れかのキーを押した時のイベント。
onkeypressイベント
キーボードの何れかのキーを押した時のイベント。
onkeyupイベント
キーボードの何れかのキーを放した時のイベント。

フォームイベント

onblurイベント
フォーム部品からフォーカスを外した時のイベント。
onchangeイベント
入力欄の内容を変更した時のイベント。
onfocusイベント
フォーム部品をフォーカスした時のイベント。
onresetイベント
フォームのリセットボタンをクリックした時のイベント。
onselectイベント
INPUT要素やTEXTAREA要素のテキストを選択した時のイベント。
onsubmitイベント
フォームの送信ボタン（サブミットボタン）をクリックした時のイベント。

ドラッグ＆ドロップイベント

ondragendイベント
ondragendイベントとは、ドラッグ操作を終了した時のイベント。
ondragenterイベント
ondragenterイベントとは、マウスのポインタ（カーソル）が、ドラッグしながら最初に要素上を移動した時のイベント。
ondragleaveイベント
ondragleaveイベントとは、ドラッグ状態のマウスのポインタ（カーソル）が、ドロップ可能な要素上から出る時のイベント。
ondragoverイベント
ondragoverイベントとは、ドラッグ状態のマウスのポインタ（カーソル）が、ドロップ可能な要素上に重なってる時のイベント。
ondragstartイベント
ondragstartイベントとは、ドラッグ操作を始めた時のイベント。
ondragイベント
ondragイベントとは、ドラッグ操作中のイベント。
ondropイベント
ondropイベントとは、ドロップした時のイベント。

その他のイベント

onerrorイベント
ドキュメントや画像を読み込めず、エラーになった時のイベント。
onloadイベント
オブジェクトを読み込み終わった時のイベント。
onresizeイベント
要素のサイズを変更した時のイベント。
onscrollイベント
要素やウィンドウをスクロールした時のイベント。

Eventオブジェクト

event.bubblesプロパティ
発生したイベントがイベントバブルであるかどうかを返すプロパティ。
event.cancelableプロパティ
イベントがキャンセル可能かどうかを返すプロパティ。
event.currentTargetプロパティ
イベントバブルにおける現在のイベントのDOM要素を返すプロパティ。
event.eventPhaseプロパティ
イベントバブルのイベントの流れ（イベントフロー）のどの段階（イベントフェーズ）であるかを返すプロパティ。
event.targetプロパティ
イベントバブルのイベントを開始したDOM要素を返すプロパティ。
event.timeStampプロパティ
1970年1月1日0時0分0秒からイベント発生時までの経過時間をミリ秒単位で返すプロパティ。
event.typeプロパティ
発生したイベントのタイプを返すプロパティ。

event.initEvent()メソッド
document.createEvent()メソッドで作ったイベントを初期化するメソッド。
event.preventDefault()メソッド
イベントのデフォルトの動作を停止するメソッド。
event.stopPropagation()メソッド
現在のイベントで、イベントバブルを止めるメソッド。

EventTargetオブジェクト

eventTarget.addEventListener( eventType, eventListener[, useCapture] )メソッド
イベントターゲット「eventTarget」のイベントタイプ「eventType」に、イベントリスナー「eventListener」を登録するメソッド。
eventTarget.dispatchEvent( eventObject )メソッド
document.createEvent( eventType )メソッドで作ったイベントオブジェクト「eventObject」を、イベントターゲット「eventTarget」に割り当てるメソッド。
eventTarget.removeEventListener( eventType, eventListener[, useCapture] )メソッド
イベントターゲット「eventTarget」のイベントタイプ「eventType」に登録済みのイベントリスナー「eventListener」を削除するメソッド。

EventListenerオブジェクト

handleEvent()メソッド
イベントリスナーを登録したイベントが発生する度に呼び出すメソッド。

DataTransferオブジェクト

dataTransferObject.getData( type )
指定したデータ型「type」のデータを取得するメソッド。
dataTransferObject.setData( type, data )
指定したデータ型「type」のデータ「data」を設定するメソッド。

マウスイベントオブジェクト

altKeyプロパティ
マウスイベントが発生したときに「ALT」キーが押されていたかどうかを示す論理値を返すプロパティ。
buttonプロパティ
マウスイベントが発生した際に押したボタンは、マウスのどのボタンであるかを示す数値を返すプロパティ。
clientXプロパティ
マウスイベントが発生したときの、ウィンドウに対するマウスポインタ（カーソル）の位置の水平座標を返すプロパティ。
clientYプロパティ
マウスイベントが発生したときの、ウィンドウに対するマウスポインタ（カーソル）の位置の垂直座標を返すプロパティ。
ctrlKeyプロパティ
マウスイベントが発生したときに「Ctrl」キーが押されていたかどうかを示す論理値を返すプロパティ。
relatedTargetプロパティ
onmouseoutイベントやonmouseoverイベントなどのマウスイベントの発生に関連した要素を返すプロパティ。
screenXプロパティ
マウスイベントが発生したときの、画面に対するマウスポインタ（カーソル）の位置の水平座標を返すプロパティ。
screenYプロパティ
マウスイベントが発生したときの、画面に対するマウスポインタ（カーソル）の位置の垂直座標を返すプロパティ。
shiftKeyプロパティ
マウスイベントが発生したときに「Shift」キーが押されていたかどうかを示す論理値を返すプロパティ。

キーボードイベントオブジェクト

altKeyプロパティ
「ALT」キーを押した状態でキーボードイベントが発生したかどうかを示す論理値を返すプロパティ。
ctrlKeyプロパティ
「Ctrl」キーを押した状態でキーボードイベントが発生したかどうかを示す論理値を返すプロパティ。
shiftKeyプロパティ
「Shift」キーを押した状態でキーボードイベントが発生したかどうかを示す論理値を返すプロパティ。