HTML イベント属性

グローバルイベント属性

HTML 4 の新機能の 1 つは、HTML イベントによってブラウザ内の動作をトリガーできることです。たとえば、ユーザーが特定の HTML 要素をクリックしたときに JavaScript を起動できます。

イベント属性についてもっと学びたい場合は、次を参照してくださいJavaScript チュートリアル

以下の表は、イベント動作を定義するために HTML/XHTML 要素に挿入できる標準のイベント属性を示しています。

New: HTML5 で追加された属性イベントです。

ウィンドウイベント属性（Window Event Attributes）

このイベントはウィンドウによってトリガーされます（<body> タグに適用）:

属性 值 説明
onafterprintNew script ドキュメントの印刷後にスクリプトを実行する
onbeforeprintNew script ドキュメントの印刷前にスクリプトを実行する
onbeforeonloadNew script ドキュメントの読み込み前にスクリプトを実行する
onblur script ウィンドウがフォーカスを失ったときにスクリプトを実行する
onerrorNew script エラーが発生したときにスクリプトを実行する
onfocus script ウィンドウがフォーカスを得たときにスクリプトを実行する
onhashchangeNew script ドキュメントが変更されたときにスクリプトを実行する
onload script ドキュメントが読み込まれたときにスクリプトを実行する
onmessageNew script メッセージがトリガーされたときにスクリプトを実行する
onofflineNew script ドキュメントがオフラインのときにスクリプトを実行する
ononlineNew script ドキュメントがオンラインのときにスクリプトを実行する
onpagehideNew script ウィンドウが非表示のときにスクリプトを実行する
onpageshowNew script ウィンドウが表示されているときにスクリプトを実行する
onpopstateNew script ウィンドウの履歴が変更されたときにスクリプトを実行する
onredoNew script ドキュメントで再実行操作（redo）が実行されたときにスクリプトを実行する
onresizeNew script ウィンドウのサイズが変更されたときにスクリプトを実行する
onstorageNew script Web Storage 領域が更新されたとき（ストレージ内のデータが変更されたとき）にスクリプトを実行する
onundoNew script ドキュメントで元に戻す操作が実行されたときにスクリプトを実行する
onunloadNew script ユーザーがドキュメントを離れたときにスクリプトを実行する

フォームイベント（Form Events）

フォームイベントは HTML フォーム内でトリガーされます（すべての HTML 要素に適用されますが、その HTML 要素は form フォーム内にある必要があります）:

属性 值 説明
onblur script 要素がフォーカスを失ったときにスクリプトを実行する
onchange script 要素が変更されたときにスクリプトを実行する
oncontextmenuNew script コンテキストメニューがトリガーされたときにスクリプトを実行する
onfocus script 要素がフォーカスを得たときにスクリプトを実行する
onformchangeNew script フォームが変更されたときにスクリプトを実行する
onforminputNew script フォームがユーザー入力を受け取ったときにスクリプトを実行する
oninputNew script 要素がユーザー入力を受け取ったときにスクリプトを実行する
oninvalidNew script 要素が無効なときにスクリプトを実行する
onreset script フォームがリセットされたときにスクリプトを実行します。HTML 5 ではサポートされていません。
onselect script 要素が選択されたときにスクリプトを実行する
onsubmit script フォームが送信されたときにスクリプトを実行する

キーボードイベント（Keyboard Events）

属性 值 説明
onkeydown script キーが押されたときにスクリプトを実行する
onkeypress script キーが押されて離されたときにスクリプトを実行する
onkeyup script キーが離されたときにスクリプトを実行する

マウスイベント（Mouse Events）

マウスによってトリガーされるイベントで、ユーザーの操作に似ています:

属性 值 説明
onclick script マウスがクリックされたときにスクリプトを実行する
ondblclick script マウスがダブルクリックされたときにスクリプトを実行する
ondragNew script 要素がドラッグされているときにスクリプトを実行する
ondragendNew script ドラッグ操作が終了したときにスクリプトを実行する
ondragenterNew script 要素が有効なドロップターゲットにドラッグされたときにスクリプトを実行する
ondragleaveNew script 要素が有効なドロップターゲットから離れたときにスクリプトを実行する
ondragoverNew script 要素が有効なドロップターゲットの上にドラッグされたときにスクリプトを実行する
ondragstartNew script ドラッグ操作が開始されたときにスクリプトを実行する
ondropNew script ドラッグされている要素がドロップされているときにスクリプトを実行する
onmousedown script マウスボタンが押されたときにスクリプトを実行する
onmousemove script マウスポインタが移動したときにスクリプトを実行する
onmouseout script マウスポインタが要素から離れたときにスクリプトを実行する
onmouseover script マウスポインタが要素の上に移動したときにスクリプトを実行する
onmouseup script マウスボタンが離されたときにスクリプトを実行する
onmousewheelNew script マウスホイールが回転されたときにスクリプトを実行する
onscrollNew script 要素のスクロールバーがスクロールされたときにスクリプトを実行する

マルチメディアイベント（Media Events）

このイベントはビデオ（videos）、画像（images）、またはオーディオ（audio）によってトリガーされ、主に <audio>、<embed>、<img>、<object>、<video> などの HTML メディア要素に適用されます:

属性 值 説明
onabort script 中断イベントが発生したときにスクリプトを実行する
oncanplayNew script メディアが再生を開始できるが、バッファリングのために停止する必要があるかもしれないときにスクリプトを実行する
oncanplaythroughNew script メディアがバッファリングのために停止することなく最後まで再生できるときにスクリプトを実行する
ondurationchangeNew script メディアの長さが変更されたときにスクリプトを実行する
onemptiedNew script メディアリソース要素が突然空になったとき（ネットワークエラー、読み込みエラーなど）にスクリプトを実行する
onendedNew script メディアが終わりに達したときにスクリプトを実行する
onerrorNew script 要素の読み込み中にエラーが発生したときにスクリプトを実行する
onloadeddataNew script メディアデータを読み込んでいるときにスクリプトを実行する
onloadedmetadataNew script メディア要素の再生時間やその他のメディアデータが読み込まれたときにスクリプトを実行する
onloadstartNew script ブラウザがメディアデータの読み込みを開始したときにスクリプトを実行する
onpauseNew script メディアデータが一時停止されたときにスクリプトを実行する
onplayNew script メディアデータが再生を開始しようとしているときにスクリプトを実行する
onplayingNew script メディアデータの再生が開始されたときにスクリプトを実行する
onprogressNew script ブラウザがメディアデータを取得しているときにスクリプトを実行する
onratechangeNew script メディアデータの再生速度が変更されたときにスクリプトを実行する
onreadystatechangeNew script 準備状態（ready-state）が変更されたときにスクリプトを実行する
onseekedNew script メディア要素のシーク属性
onseekingNew script メディア要素のシーク属性が真で、シークが開始されたときにスクリプトを実行する
onstalledNew script メディアデータの取得中（遅延）にエラーが発生したときにスクリプトを実行する
onsuspendNew script ブラウザがメディアデータを取得しているが、メディアファイル全体を取得する前に停止したときにスクリプトを実行する
ontimeupdateNew script メディアが再生位置を変更したときにスクリプトを実行する
onvolumechangeNew script メディアが音量を変更したとき、または音量がミュートに設定されたときにスクリプトを実行する
onwaitingNew script メディアが再生を停止したが、再生を継続しようとしているときにスクリプトを実行する

その他のイベント

属性 值 説明
onshowNew script <menu> 要素がコンテキスト表示されるときにトリガーされます
ontoggleNew script ユーザーが <details> 要素を開いたり閉じたりしたときにトリガーされます
その他の拡張