離したとき…mouseup
上にきたとき…mouseover
はずれたとき…mouseout(★)
マウスの座標をつかって何かをするとき…mousemove
*どんなふうに使うのか
★指定したセレクター上でマウスが動いてるとき
<例>
$(”img”).mousemove(function(e){
&(”p”).html(”X座標:”+e.clientX+”<br>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とか)もオーバーとみなされる。簡単な解決方法なし。
マウスイベントじゃなくて、
→指定したセレクタの座標を知りたいときはこちら
→イベント一覧に戻る
0 件のコメント:
コメントを投稿