最新のWeb開発のチュートリアル
 

HTML Event Attributes


グローバル・イベント属性

HTML 4は、ユーザーが要素をクリックしたときにイベントはJavaScriptを開始するように、ブラウザでアクションをトリガーさせるための機能が追加されました。

プログラミングイベントの詳細については、私たちをご覧くださいJavaScriptのチュートリアルを

以下は、イベントアクションを定義するHTML要素に付加することができるグローバルイベントの属性があります。

=新しいイベントは、HTML5の属性。


ウィンドウイベント属性

イベントは、windowオブジェクト(に適用するためのトリガー<body>タグ):

属性 説明
onafterprint script 文書が印刷された後に実行するスクリプト
onbeforeprint script 文書が印刷される前に実行するスクリプト
onbeforeunload script 文書がアンロードされるときに実行するスクリプト
onerrorscript エラーが発生したときに実行されるスクリプト
onhashchange script URLのアンカー部分に変更があったときに実行するスクリプト
onload script ページの読み込みが終了した後に火災
onmessagescript メッセージがトリガされたときに実行されるスクリプト
onoffline script ブラウザがオフラインで作業を開始したときに実行されるスクリプト
ononline script ブラウザがオンラインで作業を開始したときに実行されるスクリプト
onpagehidescript ユーザーがページから去るナビゲートをするときに実行するスクリプト
onpageshow script ユーザーがページに移動したときに実行するスクリプト
onpopstatescript ウィンドウの歴史の変更を実行するスクリプト
onresize script ブラウザウィンドウのサイズが変更された火災
onstoragescript ウェブストレージエリアが更新されたときに実行するスクリプト
onunload script 火災は、一度ページがアンロードしている(またはブラウザのウィンドウが閉じられています)

フォームイベント

HTMLフォーム内部のアクションによってトリガーされるイベント(ほとんどすべてのHTML要素に適用されますが、ほとんどのフォーム要素で使用されています):

属性 説明
onblur script 要素がフォーカスを失った瞬間を発射
onchange script 要素の値が変更される瞬間に発火します
oncontextmenu script コンテキストメニューがトリガーされたときに実行されるスクリプト
onfocus script 要素がフォーカスを取得した瞬間を発射
oninput script 要素は、ユーザー入力を取得したときに実行されるスクリプト
oninvalid script 要素が無効であるときに実行するスクリプト
onreset script フォームでリセットボタンがクリックされたときに発生
onsearch script ユーザーが検索フィールドに何かを書き込む火災(のための<input = "検索">)
onselect script テキスト要素内で選択された後に発火
onsubmit script フォームが送信される火災

キーボードイベント

属性 説明
onkeydown script ユーザーがキーを押している火災
onkeypress script ユーザーがキーを押した火災
onkeyup script ユーザーがキーを離したときに発生

マウスイベント

マウス、または類似のユーザアクションによってトリガーされるイベント:

属性 説明
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 マウスボタンが要素上に放出される火災
onmousewheelscript 推奨されていません。 使用onwheel代わりに属性を
onscroll script 要素のスクロールバーがスクロールされたときに実行するスクリプト
onwheel script マウスホイールが要素の上にロールアップまたはダウン火災

クリップボードのイベント

属性 説明
oncopy script 火災ユーザーコピー要素の内容
oncut script ユーザーが要素の内容をカット火災
onpaste script ユーザーが要素の一部のコンテンツを貼り付け火災

メディアイベント

動画、画像や音声などのマスコミによってトリガーされるイベント(すべてのHTML要素に適用されますが、メディア要素の中で最も一般的であり、同様の<audio><embed> <img> <object> 、および<video> )。

ヒント:私たちを見てHTMLオーディオとビデオDOMリファレンス詳細については。

属性 説明
onabortscript アボート上で実行するスクリプト
oncanplayscript ファイルは(それが開始するのに十分なバッファリングしたとき)に再生を開始する準備ができたときに実行されるスクリプト
oncanplaythroughscript ファイルがバッファリングのために一時停止することなく最後まですべての方法を再生するときにスクリプトが実行されます
oncuechangescript 内のキューの変更、実行するスクリプト<track>要素
ondurationchangescript メディアの長さが変化し、実行するスクリプト
onemptiedscript スクリプトの悪い何かが起こると、ファイルが突然利用できないとき(のような予期せぬ切断)を実行します
onendedscript メディアが終了(「リスニングの感謝 "のようなメッセージのために有用なイベント)に到達したときに実行するスクリプト
onerrorscript エラーが発生したときにファイルがロードされるときにスクリプトが実行されます
onloadeddatascript メディアデータがロードされたときに実行するスクリプト
onloadedmetadatascript (寸法及び期間など)のメタデータがロードされたときに実行するスクリプト
onloadstartscript ファイルは何が実際にロードされる前にロードを開始したと同じように実行されるスクリプト
onpausescript メディアは、ユーザによっても、プログラムによっても一時停止されたときにスクリプトが実行されます
onplayscript メディアの再生を開始する準備ができたときに実行するスクリプト
onplayingscript メディアが実際に再生が開始したときに実行するスクリプト
onprogressscript ブラウザは、メディアデータを取得中であるときに実行されるスクリプト
onratechangescript 各時間(スローモーションや早送りモードにすると、ユーザーのスイッチのような)再生速度の変更を実行するスクリプト
onseekedscript スクリプトときに実行されるseeking属性がfalseに設定されているシークが終了したことを示します
onseekingscript スクリプトときに実行されるseeking属性がtrueに設定されているシークがアクティブであることを示します
onstalledscript ブラウザが何らかの理由でメディアデータをフェッチすることができないときに実行するスクリプト
onsuspendscript それが何らかの理由で完全にロードされる前にフェッチメディアデータが停止したときに実行するスクリプト
ontimeupdatescript 再生位置が(メディア内の別のポイントにするとき、ユーザーが早送りのように)変更されたときに実行されるスクリプト
onvolumechangescript スクリプトは、容積が変更されるたびに実行すべき(音量設定含み、「ミュート」)
onwaitingscript メディアが一時停止しましたが(メディアはより多くのデータをバッファリングするために一時停止したときのように)を再開することが予想されるときに実行するスクリプト

その他のイベント

属性 説明
onerror script 外部ファイルのロード中にエラーが発生した火災
onshow script 火災<menu>要素がコンテキストメニューとして表示されます
ontoggle script 火災ユーザーの開閉<details>要素を