Latest web development tutorials

HTMLイベント

グローバルイベントのプロパティ

新機能の1つは、HTML 4のHTMLイベントは、ユーザーがHTML要素をクリックしたときにJavaScriptを開始する、と言う、ブラウザの動作をトリガすることができますということです。

あなたがイベントプロパティについて詳しく知りたい場合は、訪問JavaScriptのチュートリアル

以下の表は、イベントアクションを定義するためにHTML / XHTML要素に挿入することができ、標準的なイベントの特性を提供します。

新:HTML5イベントの新しいプロパティ。


イベントのプロパティ]ウィンドウ(ウィンドウイベントの属性)

このイベントは、(<body>タグのために)窓によってトリガーされます。

プロパティ 説明
onafterprint スクリプト あなたが文書を印刷するためのスクリプトを実行した後
OnBeforePrint スクリプト 文書が印刷される前にスクリプトを実行します。
onbeforeonload スクリプト 文書がロードされる前にスクリプトを実行します。
onblur スクリプト ウィンドウがフォーカスを失ったときにスクリプトを実行します。
新規のonerror スクリプト エラーが発生したときにスクリプトを実行します。
ONFOCUS スクリプト ウィンドウがフォーカスを取得したときにスクリプトを実行します。
onhaschange スクリプト 文書が変更されたときにスクリプトを実行します。
onloadイベント スクリプト 文書がロードされたときにスクリプトを実行します。
onMessageのスクリプト スクリプトを実行したときにトリガメッセージ
onoffline スクリプト ドキュメントがオフラインのときにスクリプトを実行します。
ononline スクリプト 文書ライン上でスクリプトを実行している場合
onpagehide スクリプト ウィンドウが非表示にされたときにスクリプトを実行します。
onpageshow スクリプト ウィンドウが表示されているときにスクリプトを実行します。
onpopstate スクリプト スクリプトを実行すると、ウィンドウの変更履歴
onredo スクリプト ドキュメントが実行されたときにスクリプトを実行してから、操作を行って(やり直し)
さらにonResize スクリプト ウィンドウのサイズが変更されたときにスクリプトを実行します。
onstorage スクリプト スクリプトを実行すると、Webストレージ・エリア・アップデート(データの変更は、メモリ空間に発生します)
onundo スクリプト ドキュメントが失効を実行したときにスクリプトを実行します。
onunloadを スクリプト ユーザーがドキュメントを離れたときにスクリプトを実行します。


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

HTMLフォームでフォームのイベント(すべてのHTML要素のためのが、フォーム内のHTMLフォームの要素)トリガ:

プロパティ 説明
onblur スクリプト 要素がフォーカスを失ったときにスクリプトを実行します。
onchange スクリプト 要素が変更されたときにスクリプトを実行します。
も、oncontextmenu スクリプト スクリプトを実行すると、トリガのコンテキストメニュー
ONFOCUS スクリプト 要素がフォーカスを取得したときにスクリプトを実行します。
onformchange スクリプト 形が変化したときにスクリプトを実行します。
onforminput スクリプト フォームは、ユーザー入力を取得するためのスクリプトを実行します。
oninput スクリプト 要素は、ユーザー入力を取得するためのスクリプトを実行します。
oninvalidスクリプト 要素が無効であるときにスクリプトを実行します。
onreset スクリプト フォームがリセットされたときにスクリプトを実行します。 HTML 5はサポートされていません。
ONSELECT スクリプト 要素を選択したときにスクリプトを実行します。
onSubmit スクリプト フォームが送信されたときにスクリプトを実行します。


キーボードイベント(キーボードイベント)

プロパティ 説明
onkeydownを スクリプト キーが押されたときにスクリプトを実行します。
onkeypressでは スクリプト あなたが押したときにスクリプトを実行し、ボタンを離します
onkeyupの スクリプト キーが離されたときにスクリプトを実行します。


マウスイベント(マウスイベント)

マウスイベント、同様のユーザーの行動によってトリガ:

プロパティ 説明
onclickの スクリプト あなたは、マウスをクリックしたときにスクリプトを実行します。
れるondblclick スクリプト スクリプトを実行すると、マウスのダブルクリック
ondrag スクリプト スクリプトを実行したときにドラッグ要素
ondragend スクリプト ドラッグ操作が終了したときにスクリプトを実行します。
ondragenter スクリプト 要素が有効なドロップターゲットにドラッグされたときにスクリプトを実行します。
ondragleave スクリプト 要素が有効なドロップターゲットを離れるときにスクリプトを実行します。
は、OnDblClick スクリプト 要素がターゲット上で有効なドロップにドラッグされたときにスクリプトを実行します。
ondragstart スクリプト ドラッグ操作の開始時にスクリプトを実行します。
ondrop スクリプト 要素がドロップをドラッグしたときにスクリプトを実行します。
れるonmousedown スクリプト マウスボタンが押されたときにスクリプトを実行します。
れるonmousemove スクリプト マウスポインタがスクリプトを実行するために移動した場合
れるonmouseout スクリプト マウスポインタが要素の外に移動したときにスクリプトを実行します。
onmouseover属性 スクリプト マウスポインタが要素の上に移動したときにスクリプトを実行します。
onMouseUpの スクリプト マウスボタンが離されたときにスクリプトを実行します。
onmousewheel スクリプト スクリプトを実行したときにマウスホイール
onscroll スクリプト スクリプトスクロールスクロールバーの要素を実行するとき


マルチメディアイベント(メディアイベント)

ビデオ(動画)、画像(画像)や音声(オーディオ)イベントをトリガし、そのようなHTMLで使用されるマルチメディア要素として<オーディオ>、<EMBED>、<IMG>、<オブジェクト>、および<動画>):

プロパティ 説明
onabort スクリプト スクリプトを実行する場合は、イベントを中止します
oncanplay スクリプト メディアの再生を開始することができますが原因でバッファに停止する必要があるかもしれないときにスクリプトを実行します。
oncanplaythrough スクリプト メディアが最後まで再生するためのバッファを停止することなく、スクリプトを実行することができた場合
ondurationchange スクリプト スクリプトを実行するときに、メディアの長さ変化
onemptiedスクリプト 突然のメディアリソース要素は、スクリプトを実行する(ネットワークエラー、読み込みエラー等)空の場合
onendedスクリプト メディアはの終わりに到達したときにスクリプトを実行します。
新規のonerror スクリプト エラーがロード要素の間に発生したときにスクリプトを実行します。
onloadeddata スクリプト メディア・データをロードするときにスクリプトを実行します。
onloadedmetadata スクリプト メディアと他のメディアデータ要素の持続時間は、ロードされたときにスクリプトを実行します
onloadstart スクリプト ブラウザは、メディアデータのロードを開始するときスクリプトを実行します。
onpause スクリプト スクリプトを実行すると、メディア・データの一時停止
onplay スクリプト メディアデータの再生を開始するときにスクリプトを実行します。
onplayingスクリプト メディアデータの再生が始まったときにスクリプトを実行します。
onprogress スクリプト ブラウザがメディアデータを取っているスクリプトを実行します。
onratechange スクリプト スクリプトを実行すると、メディアデータの再生速度の変更
onreadystatechange スクリプト スクリプトを実行すると、レディ状態(レディ状態)の変化
onseekedスクリプト メディア要素の配置プロパティが[1]もはや真ではなく、位置決めが終了したときにスクリプトを実行します。
onseekingスクリプト メディア属性の要素を配置する場合に真であると位置付けは、スクリプトの先頭で運転していました
onstalledスクリプト スクリプトを実行すると、メディアデータ検索処理(遅延)のエラー
onsuspend スクリプト ブラウザが撮影されたときにスクリプトを実行しますが、メディアデータ検索の前にメディアファイル全体が停止
ontimeupdate スクリプト メディアがその再生位置を変更したときにスクリプトを実行します。
onvolumechange スクリプト メディアは、ボリュームを変更したときにボリュームがミュートに設定されている場合、またはスクリプトを実行します
onwaitingスクリプト スクリプトは、メディアの再生を停止する必要があるときに再生し続けますが、予定の実行

その他のイベント

プロパティ 説明
OnShow スクリプト <メニュー>要素は、トリガーのコンテキストで表示された場合
ontoggle スクリプト <詳細>要素トリガーすると、ユーザーは、オープンまたはクローズ