本文介绍了DOM 对象的 jQuery x y 文档坐标的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

解决方案

[Deprecated... included in jQuery 1.3.2+]

knowing this, then it's easy... (using my little svg project as an example page)

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

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

output:

x: 53 y: 177

hope it helps what you're looking for.

here's an image of offset() and position()

using XRay

using Web Developer toolbar

这篇关于DOM 对象的 jQuery x y 文档坐标的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-04 04:05