javascript - 在div中获取鼠标位置？

Question

可能重复：
相对于 div
的鼠标位置在画布内使用 javascript 获取鼠标位置

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

我不能固定它的位置，也不能只使用页面上的常规鼠标位置。

此代码完美运行：

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.layerXandevent.layerY获取鼠标相对于当前元素的位置：

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

Answer 3

取自 jQuery 网站：Jquery 教程网站

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

注意：固定语法