XHTMLイベント属性
HTML 4.0の新機能の1つは、ユーザーがHTML要素をクリックしたときにブラウザ内で行動をトリガーするようにHTMLイベントを設定することです。以下は、HTMLタグに挿入してイベント行動を定義できる一連の属性です。
これらのイベントを使用してプログラミングを学びたい場合は、私たちの JavaScriptトレーニング および DHTMLトレーニング。
ウィンドウイベント(Window Events)
bodyおよびframeset要素でのみ有効です。
属性 | 値 | 説明 |
---|---|---|
onload | スクリプト | ドキュメントが読み込まれたときにスクリプトを実行します |
onunload | スクリプト | ドキュメントがアンラウドされたときにスクリプトを実行します |
フォーム要素イベント(Form Element Events)
フォーム要素でのみ有効です。
属性 | 値 | 説明 |
---|---|---|
onchange | スクリプト | 要素が変更されたときにスクリプトを実行します |
onsubmit | スクリプト | フォームが提出されたときにスクリプトを実行します |
onreset | スクリプト | フォームがリセットされたときにスクリプトを実行します |
onselect | スクリプト | 要素が選択されたときにスクリプトを実行します |
onblur | スクリプト | 要素がフォーカスを失ったときにスクリプトを実行します |
onfocus | スクリプト | 要素がフォーカスを取得したときにスクリプトを実行します |
キーボードイベント(Keyboard Events)
以下の要素では無効です:base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style、および title 要素。
属性 | 値 | 説明 |
---|---|---|
onkeydown | スクリプト | キーボードが押されたときにスクリプトを実行します |
onkeypress | スクリプト | キーボードが押され、その後リリースされたときにスクリプトを実行します |
onkeyup | スクリプト | キーボードがリリースされたときにスクリプトを実行します |
マウスイベント(Mouse Events)
以下の要素では無効です:base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title 要素。
属性 | 値 | 説明 |
---|---|---|
onclick | スクリプト | マウスがクリックされたときにスクリプトを実行します |
ondblclick | スクリプト | マウスがダブルクリックされたときにスクリプトを実行します |
onmousedown | スクリプト | マウスボタンが押されたときにスクリプトを実行します |
onmousemove | スクリプト | マウスカーソルが移動したときにスクリプトを実行します |
onmouseout | スクリプト | マウスカーソルが要素から離れたときにスクリプトを実行します |
onmouseover | スクリプト | マウスカーソルが要素の上に乗ったときにスクリプトを実行します |
onmouseup | スクリプト | マウスボタンがリリースされたときにスクリプトを実行します |