Как получить точную координату вниз мыши?Почему мой код не работает?

Question

Я хотел бы показать что-то на месте мыши, я пытался использовать:

$('#my-graph').mousedown(function(evt){

      // show object at:
      var x= evt.screenX, y=evt.screenY;

      //or show object at:
     var x2=evt.pageX, y2=evt.pageY;

     //code to render object at (x,y) and (x2,y2)
     ......  
});

Но ни один из вышеперечисленных (x, y) и (x2, y2) не помещает визуализированный объект в место щелчка мыши и показывает объект на некотором расстоянии от места мыши, почему?

Я визуализирую объект с атрибутами позиции, позиция относительно # my-graph div, в левом верхнем углу div должна быть начальная точка (0,0)

Answer 1

Вы, кажется, хотите offsetX и offsetY: http://jsfiddle.net/f52Gg/.

$("div").mousedown(function(e){
    alert(e.offsetX + " " + e.offsetY);
});