jQuery mousemove()メソッド

❮jQueryイベントメソッド

ページ内のマウスポインタの位置を取得します。

$(document).mousemove(function(event){
  $("span").text(event.pageX + ", " + event.pageY);
});

定義と使用法

mousemoveイベントは、選択した要素内でマウスポインタが移動するたびに発生します。

mousemove()メソッドは、mousemoveイベントをトリガーするか、mousemoveイベントが発生したときに実行する関数をアタッチします。

注:ユーザーがマウスを1ピクセル移動するたびに、mousemoveイベントが発生します。すべてのmousemoveイベントを処理するには、システムリソースが必要です。このイベントは慎重に使用してください。


構文

選択した要素に対してmousemoveイベントをトリガーします。

$(selector).mousemove()

mousemoveイベントに関数をアタッチします。

$(selector).mousemove(function)

Parameter Description
function Optional. Specifies the function to run when the mousemove event is triggered

自分で試してみてください-例


の違いmouseover()、mouseenter()、mousemove()の違いを示します。


❮jQueryイベントメソッド