マウスによるイベント

ブラウザで最もよく使うツールの一つはマウスといえるでしょう。
JavaScriptを用いる際にその最も使われるマウスの動作によってスクリプトを動かしたい場面が多く出てきます。
マウスの動作はそれぞれイベントとしてJavaScriptのイベントハンドラを動かすことができます。

マウスのイベント

JavaScriptではマウスの動作をイベントとして扱うことができます。
マウスによるイベントと記述は次のようになります

onmousemove:マウスを移動させた
onmousedown:マウスのボタンを押した
onmouseup:マウスのボタンを離した
onclick:マウスをクリックした
ondblclick:マウスをダブルクリックした
onmousewheel:マウスホイールを動かした


イベントハンドラとして扱う例は次のようになります

window.onmousemove = 動かす関数名;

この記述ではマウスを動かすと記した関数が動きます。




このスクリプトはマウスの動作に応じて文章を表示するものです。
マウスの動作をイベントとしてイベントに応じたイベントハンドラの関数が動きます。