マウスイベントを検知したい

addEventListenerメソッドをDOMに追加することによってマウスイベントを検知することができます。(Sample)

以下の3つの例はいずれもHello Worldという文字列の色を変化させる処理です。

addEventListenerメソッドの第一引数はイベントハンドラといってイベントの種類です。

第二引数はイベントが起こった際(発火ともいいます)の処理の内容です。

なお、よく使うイベントハンドラには上記以外に次のものがあります。

主なイベントハンドラ発火のタイミング使用例へのリンク
onSubmitフォームを送信しようとした時にリンク
onLoadページや画像の読み込みが完了した時リンク
onChangeフォーム要素の選択、入力内容が変更された時リンク
onBlurページやフォーム要素からフォーカスが外れた時
onFocusページやフォーム要素にフォーカスが当たった時
onKeyUp押していたキーをあげた時
主要なイベントハンドラ