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

コース推薦：

グローバルイベント属性

HTML は、ユーザーが要素をクリックしたときに JavaScript を開始するなどのアクションをトリガーする能力があります。 JavaScript 教程プログラミングイベントに関する更多信息を知りたい場合は、当社の

。

以下は、HTML 要素にイベント操作を定義するために追加できるグローバルなイベント属性です。

Window イベント属性

属性 値 説明
window オブジェクトに対してトリガーされるイベント（<body> タグに適用されます）: script ドキュメントがプリントされた後に実行されるスクリプト。
onbeforeprint script ドキュメントがプリントされる前に実行されるスクリプト。
onbeforeunload script ドキュメントがアンラウドされる前に実行されるスクリプト。
onerror script エラーが発生したときに実行されるスクリプト。
onhaschange script ドキュメントが変更されたときに実行されるスクリプト。
onload script ページのロードが完了した後にトリガーされる。
onmessage script メッセージがトリガーされたときに実行されるスクリプト。
onoffline script ドキュメントがオフラインになったときに実行されるスクリプト。
ononline script ドキュメントがオンラインになったときに実行されるスクリプト。
onpagehide script ウィンドウが非表示になったときに実行されるスクリプト。
onpageshow script ウィンドウが可視になったときに実行されるスクリプト。
onpopstate script ウィンドウの履歴が変更されたときに実行されるスクリプト。
onredo script ドキュメントが undo（redo）を実行したときに実行されるスクリプト。
onresize script ブラウザのウィンドウが大きさが変更されたときにトリガーされる。
onstorage script Web Storage エリアが更新された後に実行されるスクリプト。
onundo script ドキュメントが undo 実行中に実行されるスクリプト。
onunload script ページがダウンロードされたときにトリガーされる（またはブラウザのウィンドウが閉じられた場合）。

Form イベント

HTML フォーム内のアクションでトリガーされるイベント（ほぼすべての HTML 要素に適用されますが、最もよく form 要素で使用されます）:

属性 値 説明
onblur script 要素がフォーカスを失うときに実行されるスクリプト。
onchange script 要素の値が変更されたときに実行されるスクリプト。
oncontextmenu script コンテキストメニューがトリガーされたときに実行されるスクリプト。
onfocus script 要素がフォーカスを取得するときに実行されるスクリプト。
onformchange script フォームが変更されたときに実行されるスクリプト。
onforminput script フォームがユーザーからの入力を受け取るときに実行されるスクリプト。
oninput script 要素がユーザーからの入力を受け取るときに実行されるスクリプト。
oninvalid script 要素が無効であるときに実行されるスクリプト。
onreset script フォーム内のリセットボタンがクリックされたときにトリガーされる。HTML5ではサポートされていません。
onselect script 要素のテキストが選択された後にトリガーされる。
onsubmit script フォームを提出するとトリガーされる。

Keyboard イベント

属性 値 説明
onkeydown script ユーザーがキーを押下するとトリガーされる。
onkeypress script ユーザーがボタンを叩くときにトリガーされる。
onkeyup script ユーザーがキーを解放するとトリガーされる。

Mouse イベント

マウスや類似のユーザーアクションによってトリガーされるイベント：

属性 値 説明
onclick script 要素上でマウスクリックが発生するとトリガーされる。
ondblclick script 要素上でマウスダブルクリックが発生するとトリガーされる。
ondrag script 要素がドラッグされているときに実行されるスクリプト。
ondragend script ドラッグ操作の終了時に実行されるスクリプト。
ondragenter script 要素が有効なドラッグ＆ドロップのエリアにドラッグされたときに実行されるスクリプト。
ondragleave script 要素が有効なドラッグ＆ドロップのターゲットから離れたときに実行されるスクリプト。
ondragover script 要素が有効なドラッグ＆ドロップのターゲット上でドラッグされているときに実行されるスクリプト。
ondragstart script ドラッグ操作の開始時に実行されるスクリプト。
ondrop script ドラッグ中の要素がドラッグ＆ドロップされているときに実行されるスクリプト。
onmousedown script 要素上でマウスボタンを押下するとトリガーされる。
onmousemove script マウス指針が要素上に移動するとトリガーされる。
onmouseout script マウス指針が要素から移動するとトリガーされる。
onmouseover script マウス指針が要素上に移動するとトリガーされる。
onmouseup script 要素上でマウスボタンを解放するとトリガーされる。
onmousewheel script マウスのホイールがスクロールされているときに実行されるスクリプト。
onscroll script 要素のスクロールバーがスクロールされたときに実行されるスクリプト。

Media イベント

メディア（例えば、ビデオ、画像、およびオーディオ）によってトリガーされるイベント（すべてのHTML要素に適用できますが、メディア要素（例えば<audio>、<embed>、<img>、<object>および<video>）などでよく見られます）:

属性 値 説明
onabort script 退出時に実行されるスクリプトです。
oncanplay script ファイルが再生を開始できる準備ができて、バッファリングが十分に済んでいるときに実行されるスクリプトです。
oncanplaythrough script メディアがバッファリングなしでエンドまで再生できる場合に実行されるスクリプトです。
ondurationchange script メディアの長さが変更されたときに実行されるスクリプトです。
onemptied script 何らかの原因でファイルが突然利用不可能になったときに実行されるスクリプト（例えば、接続が突然切断された場合）。
onended script メディアが終わりに達したときに実行されるスクリプト（「ご視聴ありがとうございました」のようなメッセージを送信できます）。
onerror script ファイルの読み込み中にエラーが発生したときに実行されるスクリプトです。
onloadeddata script メディアデータが読み込まれたときに実行されるスクリプトです。
onloadedmetadata script メタデータ（例えば、解像度や長さ）が読み込まれたときに実行されるスクリプトです。
onloadstart script ファイルが開始され、実際にはデータが読み込まれる前に実行されるスクリプトです。
onpause script メディアがユーザーやプログラムによって一時停止されたときに実行されるスクリプトです。
onplay script メディアが再生を開始できる準備ができたときに実行されるスクリプトです。
onplaying script メディアが再生を開始したときに実行されるスクリプトです。
onprogress script ブラウザがメディアデータを取得しているときに実行されるスクリプトです。
onratechange script 再生速度が変更されたときに実行されるスクリプト（ユーザーがスローモーションや早送りモードに切り替えた場合など）。
onreadystatechange script 就緒状態が変更されたときに実行されるスクリプト（就緒状態はメディアデータの状態を監視します）。
onseeked script seeking属性がfalseに設定されたときに（定位が終了を示します）実行されるスクリプトです。
onseeking script seeking属性がtrueに設定されたときに（アクティブな定位を示します）実行されるスクリプトです。
onstalled script ブラウザが何らかの理由でメディアデータを取得できなかったときに実行されるスクリプトです。
onsuspend script メディアデータが完全に読み込まれる前に何らかの理由でメディアデータの取得を終了したときに実行されるスクリプトです。
ontimeupdate script 再生位置が変更されたときに（ユーザーがメディアの中で異なる位置にスキップした場合など）実行されるスクリプトです。
onvolumechange script 音量が変更されたときに（音量をミュートに設定することも含めます）実行されるスクリプトです。
onwaiting script メディアが再生を停止していても再生を続けようとしている場合（例えば、メディアがバッファリングのために一時停止されている場合）にスクリプトを実行します。