Xhtml-events

提供:Dev Guides
移動先:案内検索

XHTML-イベント

ユーザーがWebサイトにアクセスすると、テキスト、画像、ハイパーリンクのクリック、ホバーオーバーなどの操作を行います。 これらはJavaScriptがイベントと呼ぶものの例です。

JavaScriptまたはVBScriptでイベントハンドラを記述し、これらのイベントハンドラをイベントタグ属性の値として指定できます。 XHTML 1.0には、HTML 4.01仕様で利用可能な同様のイベントセットがあります。

<body>および<frameset>レベルのイベント

ドキュメントレベルでイベントが発生したときにJavaScriptまたはVBScriptコードをトリガーするために使用できる属性は2つだけです。

Attribute Value Description
onload Script Script runs when a XHTML document loads.
onunload Script Script runs when a XHTML document unloads.

-ここで、スクリプトとは、VBScriptまたはJavaScriptの任意の関数またはコードを指します。

<form>レベルのイベント

フォームレベルでイベントが発生したときにJavaScriptまたはVBScriptコードをトリガーするために使用できる次の6つの属性があります。

Attribute Value Description
onchange Script Script executes when the element changes.
onsubmit Script Script executes when the form is submitted.
onreset Script Script executes when the form is reset.
onselect Script Script executes when the element is selected.
onblur Script Script executes when the element loses focus.
onfocus Script Script runs when the element gets focus.

キーボードイベント

次の3つのイベントがキーボードによって生成されます。 これらのイベントは、base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style、およびtitle要素では無効です。

Attribute Value Description
onkeydown Script Script executes on key press.
onkeypress Script Script executes on key press and release.
onkeyup Script Script executes key release.

その他のイベント

マウスがHTMLタグと接触すると、次の7つのイベントがマウスによって生成されます。 これらのイベントは、base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style、およびtitle要素では無効です。

Attribute Value Description
onclick Script Script executes on a mouse click.
ondblclick Script Script executes on a mouse double-click.
onmousedown Script Script executes when mouse button is pressed.
onmousemove Script Script executes when mouse pointer moves.
onmouseout Script Script executes when mouse pointer moves out of an element.
onmouseover Script Script executes when mouse pointer moves over an element.
onmouseup Script Script executes when mouse button is released.