jQuery mousemove() Method

jQuery mousemove() event occurs when a mouse pointer moves with in the selected element. The jQuery mousemove method triggers the mousemove event, and when the event occurs specified function will execute.

Syntax

This syntax represent to the mousemove() method

$(selector).mousemove();        // This syntax does not accept any arguments.

and this syntax represent to attach a function to the mousemove event

$(selector).mousemove(function);
Parameter Type Description
function Function Optional. Specifies the function to execute when the mousemove is occurs

Examples

This example represent the mousemove event

$(document).ready(function(){
  $("button").mousemove(function(e){
    $("button").after("<p>Mouse position: X: " + e.pageX + ", Y: " + e.pageY + "</p>"); 
  });
  $("button").click(function(){
      $(this).mousemove();
  });
});

Run it...   »


This example represent to attach a function to the mousemove event.

$(document).ready(function(){
  $(document).mousemove(function(e){ 
    $("span").text("X: " + e.pageX + ", Y: " + e.pageY); 
  });
});

Run it...   »