mousemove()

mousemoveイベントは要素上でマウスカーソルが動いた際に発火するメソッドです。

次のコードでは.targetでマウスカーソルが動いた際に、その要素の背景色を赤色に変更します。

$(".target").mousemove(function(){
	$(this).css("background","red");
});

また、mousemove時にイベントデータを引き渡すことが可能です。

$(".target").mousemove("ok",function(e){
	$(this).text(e.data);
});

この場合.targetでマウスカーソルが動いた際に際にテキストが「マウスムーブ」から「ok」に変更されます。

引数に何も指定しないことで設定しておいたmousedownイベントを発火させる事も可能です。

$(".target").mousemove(function(){
	$(this).css("background","red");
});
$("button").click(function(){
	$(".target").mousemove();
});

この場合はボタンをクリックした際も.targetのmousemoveイベントが動作します。

登録日 : 2012年12月15日最終更新日 : 2012年12月15日

jQuery リファレンス