cman.jpWEBページ作成
広告
JavaScript イベントハンドラ
HTML（HyperText Markup Language）がHTML4、HTML5で使用できるJavaScriptイベントハンドラを一覧化しています。
HTML5で多くのイベントハンドラが追加されましたが、対応していないブラウザもあるため注意が必要です。
動作サンプルもありますので、実際のイベント発生順などをご確認ください。
広告
JavaScript イベントハンドラ一覧
| イベント | 分類 | 発生タイミング | 発生するタグ例 |
|---|---|---|---|
| onabort | uievent | リソースのロードを中断したとき | img |
| onafterprint | フォームの印刷の完了したとき | window | |
| onbeforeprint | フォームの印刷の開始直前 | window | |
| onbeforeunload | 画面遷移への要求が発生し、ページがアンロードされる前 | window | |
| onblur | focus | 要素が一度アクティブになり、フォーカスを失ったとき | a,area,button, input,label,option, select,textarea |
| oncancel | Escキーや×などを押下して中止したとき | window | |
| oncanplay | media | 再生が可能になったとき | audio、video |
| oncanplaythrough | media | 現状の速度で読み込みを続ければ途切れることなく動画を再生できるとき | audio、video |
| onchange | event | 要素の値が変更され、要素が入力フォーカスを失ったとき | input,select,textarea |
| onclick | mouse | マウスのボタンを１度押して離したとき | ほとんどのタグ |
| oncuechange | 字幕や副音声のテキストが別のテキストに変更したとき | track | |
| ondbclick | mouse | マウスのボタンを押して離すを２度続けたとき | ほとんどのタグ |
| ondurationchange | media | コンテンツの長さの変化を示すメタデータが読み込まれたとき | audio、video |
| onemptied | media | コンテンツが空になった時。 例えば、実行状態でload()が実行されたとき | audio、video |
| onended | media | 再生終了時 | audio、video |
| onerror | uievent | リソースのロード中にエラーが発生したとき | img |
| onfocus | focus | 要素がフォーカスを得たとき | a,area,button, input,label,option, select,textarea |
| onhashchange | ハッシュが変更されたとき | window | |
| oninput | event | 要素に値が入力されたとき | input,select,textarea |
| oninvalid | event | 送信時に要素の値が制約を満たさないとき (例)input typr="url"でurl以外の場合など | input |
| onkeydown | keyboard | いずれかのキーが押されたとき | a,area,button, input,label,option, select,textarea |
| onkeypress | いずれかのキーが押されて放されたとき | ||
| onkeyup | いずれかのキーが放されたとき | ||
| onload | uievent | リソースのロードが完了したとき | body |
| onloadeddata | media | 現在の再生位置でvideo映像の表示が可能になったとき | audio、video |
| onloadedmetadata | media | メタデータの読み込みが完了したとき | audio、video |
| onloadstart | media | メディア・ファイルの読み込みを開始したとき | audio、video |
| onmessage | データを受信したとき | window | |
| onmousedown | mouse | マウスのボタンが押されたとき | ほとんどのタグ |
| onmouseenter | マウスカーソルが要素に入り込んだとき | ||
| onmouseleave | マウスカーソルが要素から出たとき | ||
| onmousemove | マウスカーソルが要素の上を移動したとき | ||
| onmouseout | マウスカーソルが要素の上から離れたとき | ||
| onmouseover | マウスカーソルが要素の上に乗ったとき | ||
| onmouseup | マウスのボタンが離されたとき | ||
| onmousewheel | マウスのホイールを操作したとき | ||
| onoffline | event | ネットワークがオフラインになったとき | window |
| ononline | event | ネットワークがオンラインになったとき | window |
| onpagehide | ページが非表示になったとき | window | |
| onpageshow | ページが表示されたとき | window | |
| onpause | media | メディア・ファイルの再生が一時停止のとき | audio、video |
| onplay | media | メディア・ファイルを再生したとき | audio、video |
| onplaying | media | メディア・ファイルを再生中のとき | audio、video |
| onpopstate | [戻る] または [進む] をクリックして履歴を移動したとき | window | |
| onprogress | media | メディア・ファイルを読み込み中のとき | audio、video |
| onratechange | media | メディア・ファイルの再生速度が変化したとき | audio、video |
| onresize | uievent | ウィンドウのサイズが変更されたとき | window |
| onreset | event | フォームがリセットされるとき | form |
| onscroll | uievent | スクロールバーでスクロールしたとき | body,div |
| onseeked | media | videoファイルのシーク終了時 | audio、video |
| onseeking | media | videoファイルのシーク開始時 | audio、video |
| onselect | uievent | テキストが選択されたとき | input,textarea |
| onshow | uievent | window,画像を表示するとき | window |
| onstalled | media | メディアのデータの取得に失敗したとき | audio、video |
| onstorage | Web Storageエリアに更新があったとき | window | |
| onsubmit | event | フォームを送信しようとした | form |
| onsuspend | media | サスペンドからの復帰時 | audio、video |
| ontimeupdate | media | video の再生開始からの時間の更新時 | audio、video |
| onunload | uievent | リソースのロードをアンロードするとき | body |
| onvolumechange | media | 音量が変化したとき | audio、video |
| onwaiting | media | video再生が中断して待機状態になったとき | audio、video |
広告