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 スクリプト マウスボタンがリリースされたときにスクリプトを実行します