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

Posted

技术标签:

【中文标题】如何在移动时知道元素位置[重复]【英文标题】:How to know element position while it move [duplicate] 【发布时间】:2017-05-16 11:22:24 【问题描述】:

有一种方法可以获取移动元素的 x,y 数据(同时它移动...),例如:

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

但引用了特定元素(即 $("#mydiv"))?

【问题讨论】:

【参考方案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() 的文档了解更多信息。

【讨论】:

以上是关于如何在移动时知道元素位置[重复]的主要内容,如果未能解决你的问题,请参考以下文章

你知道如何在不改变其他元素顺序的情况下将元素移动到第一个位置吗?

如何在Objective-C [重复]中随机移动数组的元素

js如何获取鼠标在某元素移动时~鼠标指针在元素中的坐标?

位置固定在页面顶部的中心标题元素[重复]

如何在谷歌地图中平滑移动当前位置?

我如何垂直对齐具有不同高度的网格元素? [重复]