
説明/参照:
Explanation:
* addEventLister mousemove
element.addEventListener()メソッドを使用して、指定された要素にイベントハンドラをアタッチします。
onmousemove:マウスポインタが要素の上を移動しているときに発生します。
* clientXプロパティは、マウスイベントがトリガされたときのマウスポインタの水平座標(クライアント領域に従って)を返します。
例:
マウスイベントが発生したときにマウスポインタの座標を出力する:
var x = event.clientX; //水平座標を取得する
var y = event.clientY; //垂直座標を取得する
var coor = "X座標:" + x + "、Y座標:" + y;
coorの結果は次のようになります。
X座標:142、Y座標:99
参照:HTML DOM addEventListener()メソッド; onmousemoveイベント。 MouseEvent clientXプロパティ