如何获得精确的鼠标按下坐标？为什么我的代码不起作用？

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.净/f52Gg/。

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