jQuery DOM 对象的 x y 文档坐标

我需要获取 DOM 元素的 X,Y 坐标（相对于文档的顶部/左侧）。我找不到任何可以为我提供这些的插件或 jQuery 属性或方法。我可以获得 DOM 元素的顶部和左侧，但这可以相对于其当前容器/父级或文档。

你可以使用方面插件 [已弃用...包含在 jQuery 1.3.2+ 中]

offset()
获取第一个匹配元素相对于当前元素的偏移量（以像素为单位）document.

位置（）
获取元素相对于其的顶部和左侧位置偏移父级.

知道了这一点，那就很容易了......（用我的小SVG项目 as an 示例页面)

var x = $("#wrapper2").offset().left;
var y = $("#wrapper2").offset().top;

console.log('x: ' + x + ' y: ' + y);

output:

x: 53 y: 177

希望它对您正在寻找的内容有所帮助。

这是 offset() 和position() 的图像

using XRay

using Web开发人员 toolbar