如何在移动时知道元素位置[重复]

Question

有一种方法可以获取移动元素的 x,y 数据（同时它移动...），例如：

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

但引用了特定元素（即 $("#mydiv")）？

Answer 1

event 对象中的pageX/pageY 变量指的是鼠标位置。如果你想获得元素的位置，你应该这样做：

$(document).on('mousemove', function(e) {
    var element = $('#myDiv');
    console.log( element.offset() );
    // returns an object with x/y coordinates of the top-left corner of the element
});

查看.offset() 的文档了解更多信息。