イベントハンドラ

イベントハンドラとはその要素を「～した時」に起こる動作です。イベントハンドラやフォームを使用するときには、<head> ～ </head> 内に以下の meta 要素を追加しておいたほうが良いと思います。

<meta http-equiv="Content-Script-Type" content="text/javascript">

タグ要素に記述する場合は、大文字 (ONCLICK, ONMOUSEOVER)、小文字 (onclick, onmouseover)、Pascal 形式 (OnClick, OnMouseOver)、Camel 形式 (onClick, onMouseOver) のどれでも使用可能ですが、スクリプト内 (<script> ～ </script>) に使用するときには全て小文字で記述してください。

onmouseover (onMouseOver)

<a href="#" onMouseOver="alert('さわったね');">さわって</a>

onmouseout (onMouseOut)

<a href="#" onMouseOut="alert('さわったね');">さわって</a>

onmouseup (onMouseUp)

<a href="#" onMouseUp="alert('押しましたね');">押して</a>

onmousedown (onMouseDown)

<a href="#" onMouseDown="alert('押しましたね');">押して</a>

onmousemove (onMouseMove)

<a href="#" onMouseMove="alert('さわったね');">さわって</a>

さわってマウスのカーソルが動いている（さわっている）間に発生します。

onclick (onClick)

<a href="#" onClick="alert('押しましたね');">押して</a>

onchange (onChange)

<form action="#">
<select name="select1" onChange="alert(this.value);">
<option value="AAA">AAA
<option value="BBB">BBB
<option value="CCC">CCC
</select>
</form>

onsubmit (onSubmit)

<form action="#" onSubmit="return confirm('送信してもよろしいですか？');">
<input type="text" name="text1" value="">
<input type="submit" value="送信">
</form>

oncontextmenu (onContextMenu)

<form action="#">
<input type="text" name="text1" value="" onContextMenu="alert('直接入力してください。'); return false;">
</form>

onfocus (onFocus)

<form action="#">
<input type="text" value="ここを選択してください" size="20" onFocus="this.value = '選択しましたね';">
</form>

onblur (onBlur)

<body onBlur="window.close();">

見る onFocus とは反対に目的のオブジェクトが非アクティブになったときに発生します。

onload (onLoad)

<body onLoad="alert('読み込み完了');">

onunload (onUnload)

<body onUnload="alert('さようなら');">

onselectstart (onSelectStart)

<span onSelectStart="alert('選択しましたね');">あいうえお</span>

あいうえお要素を選択したときに発生します。（Internet Explorer のみ）