5.2 イベントの種類
イベントには複数の種類があり、それぞれ決められた動作が起きたときにイベントが発生します。以下はJavaScriptで用意されているイベント一覧です。
ページに関連したイベント
| イベント名 | 発生タイミング |
|---|---|
| load | ページが読み込まれたとき |
| unload | 別のページに移動したとき |
| abort | 画像の読み込みが中断したとき |
| resize | ウィンドウのサイズが変更されたとき |
| scroll | スクロールしたとき |
| contextmenu | コンテキストメニューが表示されるとき |
マウスに関連したイベント
| イベント名 | 発生タイミング |
|---|---|
| click | マウスがクリックされたとき |
| dblclick | マウスがダブルクリックされたとき |
| mousedown | マウスボタンを押されたとき |
| mousemove | マウスカーソルが移動したとき |
| mouseout | 対象からマウスカーソルが離れたとき |
| mouseover | 対象にマウスカーソルが重なったとき |
| mouseup | マウスボタンを離されたとき |
キーボードに関連したイベント
| イベント名 | 発生タイミング |
|---|---|
| keydown | キーが押されたとき |
| keypress | キーが押されているとき |
| keyup | 押されたキーが離されたとき |
フォーカスに関連したイベント
| イベント名 | 発生タイミング |
|---|---|
| focus | フォーム部品やウィンドウにフォーカスが合わされたとき |
| blur | フォーム部品やウィンドウからフォーカスが離されたとき |
フォームに関連したイベント
| イベント名 | 発生タイミング |
|---|---|
| submit | フォームが送信されたとき |
| reset | リセットボタンが押されたとき |
| change | 入力欄の文字列やメニューで選択される項目が変化したとき |