HTML5 イベント属性
New : HTML5 で追加された新たなイベント属性。
グローバル・イベント属性
HTML4では、ユーザが要素をクリックした時に、JavaScript がスタートするようなブラウザのアクションを引き起こす能力
が、イベントに追加されました。
イベントのプログラミングを更に知りたい時は、JavaScript チュートリアルと DHTMLチュートリアルを参照してください。
以下は、イベント・アクションを定義するために HTML5 要素に追加された、グローバル・イベント属性です。
New : HTML5 での新しいイベント属性です。
>ウィンドウ・イベント属性
イベントは、ウィンドウオブジェクト（ タグに適用される）に引き起こされます:
| 属性 |
値 |
説明 |
| onafterprintNew |
script |
文書がプリントされた後に実行されるスクリプト |
| onbeforeprintNew |
script |
文書がプリントされる前に実行されるスクリプト |
| onbeforeonloadNew |
script |
文書のロード前に実行されるスクリプト |
| onblur |
script |
ウィンドウがフォーカスを失ったときに実行されるスクリプト |
| onerrorNew |
script |
エラーが発生した時に実行されるスクリプト |
| onfocus |
script |
ウィンドウがフォーカスを得た時に実行されるスクリプト |
| onhaschangeNew |
script |
文書が変わった時に実行されるスクリプト |
| onload |
script |
文書をロードする時に実行されるスクリプト |
| onmessageNew |
script |
メッセージがトリガーされたときに実行されるスクリプト |
| onofflineNew |
script |
文書がオフラインになったときに実行されるスクリプト |
| ononlineNew |
script |
文書がオンラインになったときに実行されるスクリプト |
| onpagehideNew |
script |
ウィンドウが非表示にされるときに実行されるスクリプト |
| onpageshowNew |
script |
ウィンドウが表示されたときに実行されるスクリプト |
| onpopstateNew |
script |
ウィンドウの履歴が変更されたときに実行されるスクリプト |
| onredoNew |
script |
文書をリドゥ（やり直し）した時に実行されるスクリプト |
| onresizeNew |
script |
ウィンドウをリサイズした時に実行されるスクリプト |
| onstorageNew |
script |
Web ストレージ領域が更新されたときに実行されるスクリプト |
| onundoNew |
script |
文書をアンドゥ（元に戻す）した時に実行されるスクリプト |
| onunloadNew |
script |
ユーザが文書を離れた時に実行されるスクリプト |
フォーム・イベント
HTML フォーム内のアクションにより起動されるイベント
（全HTML5の要素に適用されますが、フォーム要素へ適用するのが一般的です）。:
| 属性 |
値 |
説明 |
| onblur |
script |
要素がフォーカスを失った時に実行されるスクリプト |
| onchange |
script |
要素が変更された時に実行されるスクリプト |
| oncontextmenuNew |
script |
コンテキストメニューを起動した時に実行されるスクリプト |
| onfocus |
script |
要素にフォーカスが当った時に実行されるスクリプト |
| onformchangeNew |
script |
フォームが変更された時に実行されるスクリプト |
| onforminputNew |
script |
フォームにユーザ入力があった時に実行されるスクリプト |
| oninputNew |
script |
要素にユーザ入力があった時に実行されるスクリプト |
| oninvalidNew |
script |
要素が無効な場合に実行されるスクリプト |
| onreset |
script |
フォームがリセットされた時に実行されるスクリプト
HTML5では未サポート |
| onselect |
script |
要素が選択された時に実行されるスクリプト |
| onsubmit |
script |
フォームを送信した時に実行されるスクリプト |
キーボード・イベント
キーボードにより起動されるイベント（全ての HTML5 要素に適用されます）:
| 属性 |
値 |
説明 |
| onkeydown |
script |
キーが押された時に実行されるスクリプト |
| onkeypress |
script |
キーを押して放した時に実行されるスクリプト |
| onkeyup |
script |
キーを放した時に実行されるスクリプト |
マウス・イベント
マウスまたは類似のユーザーアクションによって起動されるイベント（全HTML5の要素に適用されます）:
| 属性 |
値 |
説明 |
| 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 |
要素のスクロールバーをスクロールした時に実行されるスクリプト |
メディア・イベント
動画、画像やオーディオのようなメディアにより起動されるイベント
(全ての HTML5 要素に適用されますが、audio、embed、img、object 及び video
のようなメディア要素に適用するのが一般的):
| 属性 |
値 |
説明 |
| 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状態は、メディアデータの状態を追跡する） |
| onseekedNew |
script |
seeking 属性に、シークが終了したことを示す false が設定されたときに実行されるスクリプト |
| onseekingNew |
script |
seeking 属性に、シーク中であることを示す true が設定されているときに実行されるスクリプト |
| onstalledNew |
script |
ブラウザが何らかの理由でメディアのデータをフェッチできない場合に実行されるスクリプト |
| onsuspendNew |
script |
何らかの理由でロードが完了する前にメディアデータのフェッチが停止したときに実行されるスクリプト |
| ontimeupdateNew |
script |
再生位置が変更されたときに実行されるスクリプト（メディアの別のポイントへ早送りし様な場合） |
| onvolumechangeNew |
script |
ボリュームが変更されるたびに実行されるスクリプト（ボリュームを "mute" へ設定など） |
| onwaitingNew |
script |
メディアは一時停止したが、再開が予想される時に実行されるスクリプト
（メディアが多くのデータをバッファリングして一時停止したときなど） |
|