javascript - 获取鼠标相对于放置的 div 的位置

Question

我可以通过以下方式获得鼠标的绝对位置：

$(document).mousemove(function(e) {
        window.x = e.pageX;
        window.y = e.pageY;
    });

如何获得相对于特定 div 的这个位置？

Answer 1

您可以使用 div 的偏移量：

$(document).mousemove(function(e) {
    var offset = $(yourdiv).offset();
    window.x = e.pageX - offset.left;
    window.y = e.pageY - offset.top;
});

Answer 2

只需从 div 的 offsetLeft 和 offsetTop 中减去 clientX 和 ClientY