HTMLリファレンスマニュアル

HTMLタグ全書

HTML キャンバス HTML 全局属性

HTML イベント

イベントハンドラの値は、セミコロンで区切られた1つまたは複数のJavascript表現、メソッド、関数コールであり、引号で囲まれています。イベントが発生した場合、ブラウザはこれらのコードを実行します。

グローバルイベント属性

HTML 4 その新機能の1つは、HTMLイベントがブラウザ内の行動をトリガーするためのものです。例えば、ユーザーがHTML要素をクリックしたときにJavaScriptの一部を起動させることです。

以下のテーブルは標準のイベント属性を提供しており、それらをHTMLに挿入できます/XHTML要素で、イベント行動を定義します。

HTML5　: HTML5新しい属性イベントが追加されました。

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

ウィンドウからイベントをトリガーする（<body>タグに適用されます）:

属性	値	説明
onafterprintHTML5	script	ドキュメントが印刷された後にスクリプトを実行します
onbeforeprintHTML5	script	ドキュメントが印刷される前にスクリプトを実行します
onbeforeonloadHTML5	script	ドキュメントが読み込まれる前にスクリプトを実行します
onblur	script	ウィンドウがフォーカスを失ったときにスクリプトを実行します
onerrorHTML5	script	エラーが発生したときにスクリプトを実行します
onfocus	script	ウィンドウがフォーカスを得たときにスクリプトを実行します
onhaschangeHTML5	script	ドキュメントが変更されたときにスクリプトを実行します
onload	script	ドキュメントが読み込まれたときにスクリプトを実行します
onmessageHTML5	script	メッセージがトリガーされたときにスクリプトを実行します
onofflineHTML5	script	ドキュメントがオフラインになったときにスクリプトを実行します
ononlineHTML5	script	ドキュメントがオンラインになったときにスクリプトを実行します
onpagehideHTML5	script	ウィンドウが非表示になったときにスクリプトを実行します
onpageshowHTML5	script	ウィンドウが可視になったときにスクリプトを実行します
onpopstateHTML5	script	ウィンドウの履歴が変更されたときにスクリプトを実行します
onredoHTML5	script	ドキュメントが再実行操作（redo）を実行したときにスクリプトを実行します
onresizeHTML5	script	ウィンドウのサイズを変更したときにスクリプトを実行します
onstorageHTML5	script	Web Storageエリアが更新されたとき（ストレージ内のデータが変更されたとき）にスクリプトを実行します
onundoHTML5	script	ドキュメントがリバースを実行したときにスクリプトを実行します
onunloadHTML5	script	ユーザーがドキュメントを離れたときにスクリプトを実行します

フォームイベント(Form Events)

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

属性	値	説明
onblur	script	要素がフォーカスを失ったときにスクリプトを実行します
onchange	script	要素が変更されたときにスクリプトを実行します
oncontextmenuHTML5	script	コンテキストメニューがトリガーされたときにスクリプトを実行します
onfocus	script	要素がフォーカスを得たときにスクリプトを実行します
onformchangeHTML5	script	フォームが変更されたときにスクリプトを実行します
onforminputHTML5	script	フォームがユーザーからの入力を受け取ったときにスクリプトを実行します
oninputHTML5	script	要素がユーザーからの入力を受け取ったときにスクリプトを実行します
oninvalidHTML5	script	要素が無効になったときにスクリプトを実行します
onreset	script	フォームをリセットしたときにスクリプトを実行します。HTML 5 サポートされていません。
onselect	script	要素を選択したときにスクリプトを実行します
onsubmit	script	フォームを提出したときにスクリプトを実行します

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

属性	値	説明
onkeydown	script	キーボードのボタンを押したときにスクリプトを実行します
onkeypress	script	キーボードのボタンを押してから離したときにスクリプトを実行します
onkeyup	script	キーボードのボタンを離したときにスクリプトを実行します

マウスイベント（Mouse Events）

ユーザーの行動に似たマウスイベントをトリガーして、

属性	値	説明
onclick	script	マウスをクリックしたときにスクリプトを実行します
ondblclick	script	マウスをダブルクリックしたときにスクリプトを実行します
onmousedown	script	マウスボタンを押したときにスクリプトを実行します
onmousemove	script	マウスカーソルが移動したときにスクリプトを実行します
onmouseout	script	マウスカーソルが要素から離れたときにスクリプトを実行します
onmouseover	script	マウスカーソルが要素の上に移動したときにスクリプトを実行します
onmouseup	script	マウスボタンをリリースしたときにスクリプトを実行します
onmousewheelHTML5	script	マウスのロールを回しているときにスクリプトを実行します

ドラッグイベント（Drag Events）

ドラッグでイベントをトリガーし、ユーザーの行動に似たものです:

属性	値	説明
ondragHTML5	script	ドラッグ中の要素にスクリプトを実行します
ondragendHTML5	script	ドラッグ操作が終了したときにスクリプトを実行します
ondragenterHTML5	script	要素が有効なドラッグ＆ドロップのターゲットにドラッグされたときにスクリプトを実行します
ondragleaveHTML5	script	要素が有効なドラッグ＆ドロップのターゲットから離れたときにスクリプトを実行します
ondragoverHTML5	script	要素が有効なドラッグ＆ドロップのターゲットの上にドラッグされたときにスクリプトを実行します
ondragstartHTML5	script	ドラッグ操作が始まったときにスクリプトを実行します
ondropHTML5	script	ドラッグ中の要素がドラッグ＆ドロップされているときにスクリプトを実行します
onscrollHTML5	script	スクロール要素のスクロールバーを操作しているときにスクリプトを実行します

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

ビデオ（videos）、画像（images）またはオーディオ（audio）でこのイベントをトリガーし、HTMLメディア要素（など）に多く用いられます <audio>, <embed>, <img>, <object>, および <video>):

属性	値	説明
onabort	script	中止イベントが発生したときにスクリプトを実行します
oncanplayHTML5	script	メディアが再生を始められるがバッファリングが必要な可能性があるときにスクリプトを実行します
oncanplaythroughHTML5	script	メディアがバッファリングなしで終わりまで再生できるときにスクリプトを実行します
ondurationchangeHTML5	script	メディアの長さが変更されたときにスクリプトを実行します
onemptiedHTML5	script	メディアリソース要素が突然空になったとき（ネットワークエラー、読み込みエラーなど）にスクリプトを実行します
onendedHTML5	script	メディアが終わりに達したときにスクリプトを実行します
onerrorHTML5	script	要素が読み込まれている間にエラーが発生したときにスクリプトを実行します
onloadeddataHTML5	script	メディアデータを読み込んでいるときにスクリプトを実行します
onloadedmetadataHTML5	script	メディア要素の長さおよび他のメディアデータが読み込まれたときにスクリプトを実行します
onloadstartHTML5	script	ブラウザがメディアデータをロードし始めたときにスクリプトを実行します
onpauseHTML5	script	メディアデータが一時停止されたときにスクリプトを実行します
onplayHTML5	script	メディアデータが再生を始める予定のときにスクリプトを実行します
onplayingHTML5	script	メディアデータが再生を始めたときにスクリプトを実行します
onprogressHTML5	script	ブラウザがメディアデータを取得しているときにスクリプトを実行します
onratechangeHTML5	script	メディアデータの再生速度が変更されたときにスクリプトを実行します
onreadystatechangeHTML5	script	就緒状態（ready-state）が変更されたときにスクリプトを実行します
onseekedHTML5	script	メディア要素の位置属性 [1] がもはや真でなく、位置が終了するときにスクリプトを実行します
onseekingHTML5	script	メディア要素の位置属性が真で、位置が開始されたときにスクリプトを実行します
onstalledHTML5	script	メディアデータの取得中（遅延）にエラーがあるときにスクリプトを実行します
onsuspendHTML5	script	ブラウザがメディアデータを取得しているが、全体のメディアファイルを取得する前に停止するときにスクリプトを実行します
ontimeupdateHTML5	script	メディアの再生位置が変更されたときにスクリプトを実行します
onvolumechangeHTML5	script	メディアの音量が変更されたり、ミュートに設定されたときにスクリプトを実行します
onwaitingHTML5	script	メディアが再生を停止したが再開する予定のときにスクリプトを実行します

その他のイベント

属性	値	説明
onshowHTML5	script	上下文メニューが表示されるときにトリガーされる
ontoggleHTML5	script	ユーザーが <details> 要素を開いたり閉じたりするときにトリガーされる

HTML キャンバス HTML 全局属性