Get mouse position within div? [duplicate]

Answer 1

Use event.layerX and event.layerY to get mouse position relative to the current element:

$('#canvas').mousemove(function(e){
  var mousePos = {'x': e.layerX, 'y': e.layerY};
});

Answer 2

Using jQuery:

var divPos = {};
var offset = $("#divid").offset();
$(document).mousemove(function(e){
    divPos = {
        left: e.pageX - offset.left,
        top: e.pageY - offset.top
    };
});

Answer 3

Taken from jQuery site: Jquery Tutorial site

$(document).mousemove(function(e){
      $('#status').html(e.pageX +', '+ e.pageY);
   }); 

NOTE: fixed syntax