jQuery mousemove() メソッド

❮ jQuery Event メソッド

ページ内のマウスポインタの位置を取得する:

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

定義と用法

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

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

注: ユーザがマウスを 1 ピクセル移動させるごとに、mousemove イベントは発生します。 全ての mousemove イベントを処理するには、システム資源を消費しますので、このイベントの使用には注意が必要です。


構文

選択した要素の mousemove イベントをトリガする:

$(selector).mousemove() Try it

mousemove イベントに関数を接続する:

$(selector).mousemove(function) Try it

パラメータ 説明
function 任意。mousemove イベントがトリガされた時に実行する関数を指定する

Try it Yourself - 例

mouseover()、mouseenter()、mousemove() の相違点
mouseover()、mouseenter()、mousemove() の相違点のデモ。


❮ jQuery Event メソッド