javascript - press - on mouse event

Obtener la posición del ratón dentro de div?

Question

Posible duplicado:
Posición del ratón en relación con div
obteniendo la posición del ratón con javascript dentro del lienzo

¿Cómo puedo obtener la posición del mouse dentro de un lienzo que tiene un tamaño fijo pero tiene un margen automático?

No puedo fijar su posición y no puedo usar la posición normal del mouse en la página.

Este código funciona perfectamente:

mouseX = e.pageX - div.offsetLeft;
mouseY = e.pageY - div.offsetTop;

Answer 1

Tomado del sitio de jQuery: Sitio del tutorial de Jquery

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

NOTA: sintaxis fija

Answer 2

Usando jQuery:

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

Answer 3

Use event.layerX y event.layerY para obtener la posición del mouse en relación con el elemento actual:

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