イベントハンドラ
イベントハンドラは、HTML要素に対してクリックやフォーカスなどの操作が行われた時に呼び出されます。
イベントハンドラ一覧
【クリック系】
| イベントハンドラ | 発生タイミング |
|---|
| onclick | クリックされた時 |
| ondblclick | ダブルクリックされた時 |
【フォーカス系】
| イベントハンドラ | 発生タイミング |
|---|
| onfocus | フォーカスされる直前 |
| onblur | フォーカスを失う直前 |
| onselect | テキストが選択される直前 |
| onchange | テキストが変更されフォーカスを失う直前 |
【マウス系】
| イベントハンドラ | 発生タイミング |
|---|
| onmousedown | マウスボタンが押し下げられた時 |
| onmouseup | マウスのボタンが放された時 |
| onmouseover | マウスカーソルが乗った時 |
| onmousemove | マウスカーソルが移動した時 |
| onmouseenter | マウスカーソルが入った時 |
| onmouseleave | マウスカーソルが離れた時 |
| onmouseout | マウスカーソルが離れた時 |
| onmousewheel | マウスホイールを操作した時 |
【キー系】
| イベントハンドラ | 発生タイミング |
|---|
| onkeypress | 押し下げられたキーが放された時 |
| onkeydown | キーが押し下げられた時 |
| onkeyup | キーが放された時 |
【ページ遷移系】
| イベントハンドラ | 発生タイミング |
|---|
| onload | 文書の読込みが完了した時 |
| onunload | 他の文書に移動した時 |
| onbeforeunload | 他の文書に移動する直前 |
【フォーム系】
| イベントハンドラ | 発生タイミング |
|---|
| onsubmit | フォームが送信される直前 |
| onreset | フォームがリセットされる直前 |
【ウィンドウ系】
| イベントハンドラ | 発生タイミング |
|---|
| onresize | サイズが変更された時 |
| onscroll | スクロールされた時 |
サンプル
ボタンを押すとアラートを表示する
<input type="button" value=" ボタン " onclick="alert('押しました！');">
備考
- 上記イベントハンドラは主要なもののみで、全てではありません。
