在div中获取鼠标位置？

Question

  

可能重复：
  Mouse position relative to div
  getting mouse position with javascript within canvas

如何在尺寸固定但具有自动边距的画布中获取鼠标的位置？

我无法修复其位置，也无法只使用页面上的常规鼠标位置。

此代码完美无缺：

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

Answer 1

使用jQuery：

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

Answer 2

使用event.layerX和event.layerY获取相对于当前元素的鼠标位置：

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

Answer 3

取自jQuery网站：Jquery Tutorial site

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

注意：修正语法