HTML-イベントリファレンス
ユーザーがWebサイトにアクセスすると、さまざまなリンクをクリックしたり、テキストや画像の上にマウスを置いたりするなどの操作を行います。これらは、JavaScriptおよびVBScriptの用語でイベントと呼ばれるものの例です。
JavaScriptまたはVBScriptを使用してイベントハンドラーを記述し、これらのイベントに対して実行するアクションを指定できます。これらはイベントですが、HTMLタグの属性として指定されます。
HTML 4.01仕様では19のイベントが定義されていましたが、後でHTML-5によって、ここにリストした他の多くのイベントが追加されました。
ウィンドウイベント属性
以下のイベントは古いバージョンのHTMLで導入されましたが、でマークされたすべてのタグ
| イベント | HTML-5 | 説明 |
|---|---|---|
| onafterprint |
|
ドキュメントが印刷された後にトリガーされます |
| onbeforeprint |
|
ドキュメントが印刷される前にトリガーします |
| onbeforeonload |
|
ドキュメントが読み込まれる前にトリガーします |
| onerror |
|
エラーが発生するとトリガーされます |
| onhaschange |
|
ドキュメントが変更されたときにトリガーされます |
| オンロード | ドキュメントが読み込まれるとトリガーされます | |
| onmessage |
|
メッセージがトリガーされるとトリガーされます |
| オンラインオフライン |
|
ドキュメントがオフラインになるとトリガーされます |
| オンライン |
|
ドキュメントがオンラインになるとトリガーされます |
| onpagehide |
|
ウィンドウが非表示になるとトリガーされます |
| onpageshow |
|
ウィンドウが表示されるとトリガーされます |
| onpopstate |
|
ウィンドウの履歴が変更されたときにトリガーされます |
| オンレド |
|
ドキュメントがやり直しを実行するとトリガーされます |
| onresize |
|
ウィンドウのサイズが変更されるとトリガーされます |
| onstorage |
|
ドキュメントが読み込まれるとトリガーされます |
| オナンド |
|
ドキュメントが元に戻すを実行するとトリガーされます |
| onunload | ユーザーがドキュメントを離れるとトリガーされます |
フォームイベント
以下のタグは古いバージョンのHTMLで導入されましたが、でマークされたすべてのタグ
| イベント | HTML-5 | 説明 |
|---|---|---|
| onblur | ウィンドウがフォーカスを失ったときにトリガーされます | |
| onchange | 要素が変更されたときにトリガーされます | |
| oncontextmenu |
|
コンテキストメニューがトリガーされるとトリガーされます |
| onfocus | ウィンドウがフォーカスを取得するとトリガーされます | |
| onformchange |
|
フォームが変更されたときにトリガーされます |
| onforminput |
|
フォームがユーザー入力を取得するとトリガーされます |
| oninput |
|
要素がユーザー入力を取得するとトリガーされます |
| oninvalid |
|
要素が無効な場合にトリガーします |
| オンリセット | フォームがリセットされるとトリガーされます | |
| onselect | 要素が選択されるとトリガーされます | |
| onsubmit | フォームが送信されるとトリガーされます |
キーボードイベント
| イベント | HTML-5 | 説明 |
|---|---|---|
| オンキーダウン | キーが押されたときにトリガーされます | |
| onkeypress | キーを押して放すとトリガーされます | |
| onkeyup | キーが離されるとトリガーされます |
マウスイベント
以下のタグは古いバージョンのHTMLで導入されましたが、でマークされたすべてのタグ
| イベント | HTML-5 | 説明 |
|---|---|---|
| onclick | マウスクリックでトリガー | |
| ondblclick | マウスのダブルクリックでトリガー | |
| オンドラッグ |
|
要素がドラッグされるとトリガーされます |
| ondragend |
|
ドラッグ操作の終了時にトリガーします |
| ondragenter |
|
要素が有効なドロップターゲットにドラッグされたときにトリガーされます |
| ondragleave |
|
要素が有効なドロップターゲットを離れるとトリガーされます |
| オンドラッグオーバー |
|
要素が有効なドロップターゲット上にドラッグされているときにトリガーされます |
| ondragstart |
|
ドラッグ操作の開始時にトリガーされます |
| オンドロップ |
|
ドラッグされた要素がドロップされているときにトリガーされます |
| onmousedown | マウスボタンが押されたときにトリガーされます | |
| onmousemove | マウスポインタが移動するとトリガーされます | |
| onmouseout | マウスポインタが要素の外に移動するとトリガーされます | |
| onmouseover | マウスポインタが要素上を移動するとトリガーされます | |
| onmouseup | マウスボタンを離すとトリガーされます | |
| オンマウスホイール |
|
マウスホイールが回転しているときにトリガーされます |
| onscroll |
|
要素のスクロールバーがスクロールされているときにトリガーされます |
メディアイベント
以下のタグは古いバージョンのHTMLで導入されましたが、でマークされたすべてのタグ
| イベント | HTML-5 | 説明 |
|---|---|---|
| onabort | アボートイベントのトリガー | |
| oncanplay |
|
メディアが再生を開始できるときにトリガーしますが、バッファリングのために停止する必要がある場合があります |
| oncanplaythrough |
|
バッファリングのために停止せずに、メディアを最後まで再生できる場合にトリガーします |
| ondurationchange |
|
メディアの長さが変更されたときにトリガーされます |
| 空にされた |
|
メディアリソース要素が突然空になったときにトリガーされます。 |
| onended |
|
メディアが最後に達したときにトリガーされます |
| onerror |
|
エラーが発生するとトリガーされます |
| onloadeddata |
|
メディアデータがロードされるとトリガーされます |
| onloadedmetadata |
|
メディア要素の期間およびその他のメディアデータが読み込まれるとトリガーされます |
| onloadstart |
|
ブラウザがメディアデータの読み込みを開始するとトリガーされます |
| 一時停止 |
|
メディアデータが一時停止されたときにトリガーされます |
| オンプレイ |
|
メディアデータの再生が開始されるタイミングをトリガーします |
| onplaying |
|
メディアデータの再生が開始されるとトリガーされます |
| onprogress |
|
ブラウザがメディアデータをフェッチしているときにトリガーされます |
| onratechange |
|
メディアデータの再生速度が変更されたときにトリガーされます |
| onreadystatechange |
|
準備完了状態が変化するとトリガーされます |
| オンシーク |
|
メディア要素のシーク属性が真でなくなり、シークが終了したときにトリガーされます |
| オンシーク |
|
メディア要素のシーク属性がtrueであり、シークが開始されたときにトリガーされます |
| オンストール |
|
メディアデータのフェッチでエラーが発生したときにトリガーされます |
| onsuspend |
|
ブラウザがメディアデータをフェッチしているが、メディアファイル全体がフェッチされる前に停止した場合にトリガーされます |
| ontimeupdate |
|
メディアが再生位置を変更するとトリガーされます |
| onvolumechange |
|
メディアが音量を変更したとき、および音量が「ミュート」に設定されているときにもトリガーされます |
| 待っています |
|
メディアの再生が停止したときにトリガーされますが、再開されると予想されます |