マウスイベント ※【jQuery】

押したとき…mousedown
離したとき…mouseup

上にきたとき…mouseover
はずれたとき…mouseout（★）

マウスの座標をつかって何かをするとき…mousemove
*どんなふうに使うのか

★指定したセレクター上でマウスが動いてるとき
＜例＞
＄（”img”）.mousemove（function（e）｛
　　　　　　　　　&(”ｐ”).html（”X座標：”+e.clientX+”＜ｂｒ＞Y座標：”+e.clienY
）；｝）；｝

function（e）にするとイベントの座標が取得できます。
e.clientX…X座標
e.clienY…Y座標


『+』の演算子は、文字列同士の連結



▼jsファイル（※コピペ可）

$("img").mousemove(function(e){
  xx = e.clientX;
  yy = e.clientY;

 $("p").text(xx+","+yy);

})

★ページ全体のY座標とX座標の場合…
e.pageX…X座標
e.pageY…Y座標


★mouseoutを使うときの注意点
子要素（liとか）もオーバーとみなされる。簡単な解決方法なし。




マウスイベントじゃなくて、
→指定したセレクタの座標を知りたいときはこちら


→イベント一覧に戻る