javascript - jQuery 确定 div 中的鼠标位置

Question

这可能是一个重复的问题，但我还没有找到适合我的解决方案

我的问题是如何获取 div 中的鼠标位置？

我不希望文档作为来源，而是希望内部 div (粉红色内容 div)因此，当我将光标移动到粉红色 div 的 (0|0) 坐标时，我也希望 (0|0) 坐标作为我的原点坐标

我已经设置了一个 jsfiddle here

$('.content').mousemove(function(e){
    $('#xCoord').val(e.pageX);
    $('#yCoord').val(e.pageY);
});

这对我来说不太管用……我也尝试过

var parentOffset = $(this).parent().offset();

但我只返回 8px 的偏移量，并且 jQuery mousemove 偏移量未定义

有人可以帮助我吗？

Answer 1

e.pageX 返回引用窗口的当前鼠标位置。

试试这个:

var mouseX = e.pageX - $(this).offset().left;
var mouseY = e.pageY - $(this).offset().top;

更新的 fiddle :http://jsfiddle.net/B7zZ8/2/