Mouse positions Demo

This is a demo for Locating mouse position in jQuery blog post.

On mouse move

Code:

$(document).ready(function(){
  $().mousemove(function(e){
     // e.pageX - gives you X position
     // e.pageY - gives you Y position
     $('#document').html('e.pageX = ' + e.pageX + ', e.pageY = ' + e.pageY);
  });
});

On mouse click

Code:

$(document).ready(function(){
  $('#click').click(function(e){
     // e.pageX - gives you X position
     // e.pageY - gives you Y position
     $('#click').html('e.pageX = ' + e.pageX + ', e.pageY = ' + e.pageY);
  });
});