WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > javascriptサンプル > 「JavaScript イベントハンドラ」

JavaScript イベントハンドラ

HTML(HyperText Markup Language)がHTML4、HTML5で使用できるJavaScriptイベントハンドラを一覧化しています。
HTML5で多くのイベントハンドラが追加されましたが、対応していないブラウザもあるため注意が必要です。
動作サンプルもありますので、実際のイベント発生順などをご確認ください。

広告

JavaScript イベントハンドラ一覧

イベント分類発生タイミング発生するタグ例
onabortuieventリソースのロードを中断したときimg
onafterprintprintフォームの印刷の完了したときwindow
onbeforeprintprintフォームの印刷の開始直前window
onbeforeunload画面遷移への要求が発生し、ページがアンロードされる前window
onblurfocus要素が一度アクティブになり、フォーカスを失ったとき a,area,button,
input,label,option,
select,textarea
oncancelEscキーや×などを押下して中止したときwindow
oncanplaymedia再生が可能になったときaudiovideo
oncanplaythroughmedia現状の速度で読み込みを続ければ途切れることなく動画を再生できるときaudiovideo
onchangeevent要素の値が変更され、要素が入力フォーカスを失ったときinput,select,textarea
onclickmouseマウスのボタンを1度押して離したときほとんどのタグ
oncuechange字幕や副音声のテキストが別のテキストに変更したときtrack
ondbclickmouseマウスのボタンを押して離すを2度続けたときほとんどのタグ
ondurationchangemediaコンテンツの長さの変化を示すメタデータが読み込まれたときaudiovideo
onemptiedmediaコンテンツが空になった時。
例えば、実行状態でload()が実行されたとき
audiovideo
onendedmedia再生終了時audiovideo
onerroruieventリソースのロード中にエラーが発生したときimg
onfocusfocus要素がフォーカスを得たとき a,area,button,
input,label,option,
select,textarea
onhashchangeハッシュが変更されたときwindow
oninputevent要素に値が入力されたときinput,select,textarea
oninvalidevent送信時に要素の値が制約を満たさないとき
(例)input typr="url"でurl以外の場合など
input
onkeydownkeyboardいずれかのキーが押されたとき a,area,button,
input,label,option,
select,textarea
onkeypressいずれかのキーが押されて放されたとき
onkeyupいずれかのキーが放されたとき
onloaduieventリソースのロードが完了したときbody
onloadeddatamedia現在の再生位置でvideo映像の表示が可能になったときaudiovideo
onloadedmetadatamediaメタデータの読み込みが完了したときaudiovideo
onloadstartmediaメディア・ファイルの読み込みを開始したときaudiovideo
onmessageデータを受信したときwindow
onmousedownmouseマウスのボタンが押されたときほとんどのタグ
onmouseenterマウスカーソルが要素に入り込んだとき
onmouseleaveマウスカーソルが要素から出たとき
onmousemoveマウスカーソルが要素の上を移動したとき
onmouseoutマウスカーソルが要素の上から離れたとき
onmouseoverマウスカーソルが要素の上に乗ったとき
onmouseupマウスのボタンが離されたとき
onmousewheelマウスのホイールを操作したとき
onofflineeventネットワークがオフラインになったときwindow
ononlineeventネットワークがオンラインになったときwindow
onpagehideページが非表示になったときwindow
onpageshowページが表示されたときwindow
onpausemediaメディア・ファイルの再生が一時停止のときaudiovideo
onplaymediaメディア・ファイルを再生したときaudiovideo
onplayingmediaメディア・ファイルを再生中のときaudiovideo
onpopstate[戻る] または [進む] をクリックして履歴を移動したときwindow
onprogressmediaメディア・ファイルを読み込み中のときaudiovideo
onratechangemediaメディア・ファイルの再生速度が変化したときaudiovideo
onresizeuieventウィンドウのサイズが変更されたときwindow
onreseteventフォームがリセットされるときform
onscrolluieventスクロールバーでスクロールしたときbody,div
onseekedmediavideoファイルのシーク終了時audiovideo
onseekingmediavideoファイルのシーク開始時audiovideo
onselectuieventテキストが選択されたときinput,textarea
onshowuieventwindow,画像を表示するときwindow
onstalledmediaメディアのデータの取得に失敗したときaudiovideo
onstorageWeb Storageエリアに更新があったときwindow
onsubmiteventフォームを送信しようとしたform
onsuspendmediaサスペンドからの復帰時audiovideo
ontimeupdatemediavideo の再生開始からの時間の更新時audiovideo
onunloaduieventリソースのロードをアンロードするときbody
onvolumechangemedia音量が変化したときaudiovideo
onwaitingmediavideo再生が中断して待機状態になったときaudiovideo
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン