mousemove抓取嵌套元素的XY偏移量

Question

我正在尝试获取鼠标在父元素中的XY位置。这个部分很简单，当有一个嵌套元素时，它会抓住鼠标在嵌套元素中的XY位置。

我用一个非常简单的例子创建了一个JS：http://jsfiddle.net/htenchwv/

你可以看到我是怎么做的

$(".parent").mousemove(function(event){
    $(".debug").html("X: "+ event.offsetX +"<br>Y: "+ event.offsetY);
});

您可以在X或Y位置上看到，当您移动到子元素时，数字会向下跳。我不知道为什么或者如何阻止这种行为，只在父元素中收集XY鼠标

Answer 1

您可以使用客户机X和Y，并结合.offset()

更新演示

$(document).ready(function($){
    $(".parent").mousemove(function(event){
        var pOffset = $(".parent").offset(),
            px = event.clientX - pOffset.left,
            py = event.clientY - pOffset.top;
        $(".debug").html("X: "+ px +"<br>Y: "+ py);
    });
});

HTH

-Ted