当另一个元素发生变化时,观察dom中元素的偏移量?

时间:2012-11-19 21:31:21

标签: javascript jquery html dom

我正在尝试找到一种方法来监视/观察DOM元素上的偏移/宽度/高度以捕获任何更改。但是,如果另一个元素移动了监视元素或调整了大小,我还需要捕获元素的任何更改。例如。观察对象上方的DOM元素增长,并占用更多空间,导致观察到的元素偏移移动。

Example to demonstrate what I need to watch/monitor

我已经使用计时器实现了它,但回调/观察者会好很多。

我找到了几种观察特定元素变化的方法,但这会涉及监控整个DOM的变化,这是不理想的。

显示如何监视/观察特定项目更改的解决方案不会有帮助,因为它们依赖于特定项目上的属性/ CSS更改。 什么不起作用的例子: jQuery CSS Property Monitoring Another watch tool

我认为MutationObserver可能会起作用,但我还没有开始工作。

如果有人有想法,请赐教他们!

更新14.Oct 2013:请参阅我自己的答案以获得解决方案。

1 个答案:

答案 0 :(得分:1)

我必须自己创建图书馆,但忘了用图书馆回答这个问题。

github.com/leifcr/jquery-csswatch上的来源和此处的示例:leifcr.github.io/jquery-csswatch/examples/