備忘録的プログラミングリファレンス

イベント属性(グローバル属性)

 イベント属性もグローバル属性です。イベント属性に設定されたスクリプトを実行します。グローバル属性は別ページに示します。

 グローバル属性はHTML属性の一部です。

イベント属性一覧

event handler nameelementswhen to run
Windowイベント
onbeforeunload<body>ページを閉じる/移動するといったページを離れる
onerror<img>,<input type="image">,<object>,<link>,<script>,<audio>,<video>外部ファイルをロード中にエラーが起きたら
onhashchange<body>現在のURLの「#」記号で始まる部分に変更があったとき
onload<body>,<frame>,<frameset>,<iframe>,<img>,<input type="image">,<link>,<script>,<style>webページがロードし終わったら
onpageshow<body>onpageshow属性はwebページがキャッシュでロードされても動く
onresize<body>windowがリサイズされたら
onunload<body>現在のwebページを閉じる/遷移する、formを送信、リロードしたら
Formイベント
onblurAll HTML Elementsフォーカスを失った(onfocus属性の対)
onchange<input type="checkbox">,<input type="file">,<input type="password">,<input type="radio">,<input type="range">,<input type="search">,<input type="text">,<select>,<textarea>タグエレメントの値が変化したら
oncontextmenuAll HTML Elementsマウスの右クリックでコンテキストメニューを開いたら
onfocusAll HTML Elementsフォーカスされると(onblur属性の対)
oninput<input type="password">,<input type="search">,<input type="text">,<textarea>タグエレメントの入力に変化が起きたら
onreset<form><form>がリセットされたら
onselect<input type="file">,<input type="password">,<input type="text">,<textarea>タグエレメントのテキストのどこかが選択されたら
onsubmit<form><form>が送信されたら
Keyboardイベント
onkeydownAll HTML Elementsユーザーがキーを押したら
onkeypressAll HTML Elementsユーザーがキーを押したら(ALT,CTRL,SHIFT,ESCキー以外)
onkeyupAll HTML Elementsユーザーがキーを押した状態から離したら
Mouseイベント
onclickAll HTML Elementsタグエレメント上でクリックされたら
ondblclickAll HTML Elementsタグエレメント上でダブルクリックされたら
onmousedownAll HTML Elementsマウスボタンがタグエレメント上で押されたら
onmousemoveAll HTML Elementsマウスポインターがタグエレメント上で移動したら
onmouseoutAll HTML Elementsマウスポインターがタグエレメント上から離れたら
onmouseoverAll HTML Elementsマウスポインターがタグエレメント上に来たら
onmouseupAll HTML Elementsマウスボタンをタグエレメント上で離したら
Dragイベント
ondragAll HTML Elementsタグエレメントがドラッグされたら
ondragendAll HTML Elementsタグエレメントのドラッグが終了したら
ondragenterAll HTML Elementsこの属性を設定したタグエレメント上に、他のタグエレメントがドラッグによって来たら
ondragleaveAll HTML Elementsこの属性が設定されたタグエレメント上から、他のタグエレメントがドラッグで離れたら
ondragoverAll HTML Elementsこの属性が設定されたタグエレメント上に、他のタグエレメントがドラッグで来たら
ondragstartAll HTML Elementsタグエレメントをドラッグし始めたら
ondropAll HTML Elementsこの属性が設定されたタグエレメント上に、他のタグエレメントがドロップされたら
onscroll<address>,<blockquote>,<body>,<caption>,<center>,<dd>,<dir>,<div>,<dl>,<dt>,<fieldset>,<form>,<h1> to<h6>,<html>,<li>,<menu>,<object>,<ol>,<p>,<pre>,<select>,<tbody>,<textarea>,<tfoot>,<thead>,<ul>スクロールバーが操作されたら
Clipboardイベント
oncopyAll HTML Elementsタグエレメントまたはその値がコピーされたら
oncutAll HTML Elementsタグエレメントの値がカット(切り取り)されたら
onpasteAll HTML Elementsタグエレメントにペイスト(貼り付け)されたら
Mediaイベント
onabort<audio>,<video>ダウンロードが中止されたら
oncanplay<audio>,<video>開始することができるようになったら
oncanplaythrough<audio>,<video>停止することなく再生できると推定できたら
ondurationchange<audio>,<video>期間データが変更されたときに
onended<audio>,<video>再生し終わったら
onerror<img>,<input type="image">,<object>,<link>,<script>,<audio>,<video>外部ファイルをロード中にエラーが起きたら
onloadeddata<audio>,<video>次のフレームが再生するのに十分なデータがロードされなかったら
onloadedmetadata<audio>,<video>メタデータがロードされたら
onloadstart<audio>,<video>ダウンロードプロセスが始まったら
onpause<audio>,<video>一時停止したら
onplay<audio>,<video>再生されたら、または一時停止から再開すると
onplaying<audio>,<video>一時停止または停止した後に再会すると
onprogress<audio>,<video>ダウンロードの間に
onratechange<audio>,<video>再生速度が変更されたら
onseeked<audio>,<video>ユーザが再生位置を変更するまたはスキップすると
onseeking<audio>,<video>再生位置を変更するまたはスキップすると
onstalled<audio>,<video>メディアデータを取得してもそのデータが利用できないときに
onsuspend<audio>,<video>メディアデータが意図的に取得できないときに
ontimeupdate<audio>,<video>再生が中段されたら
onvolumechange<audio>,<video>メディアの再生音を変化させると
onwaiting<video>次のフレームのためのバッファーによって中断すると
Miscイベント
ontoggle<details><details>を開くまたは閉じたら