本文介绍了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 文档坐标的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!