javascript - 每次 div 改变其大小时如何运行一个函数？

Question

如何在每次 div 改变大小时运行一个函数？

当窗口改变它的大小时，Div 的大小通常会改变，但不仅如此；新的宽度/高度不是每次都由 css 设置的，但我需要在每次更改时获取该高度的实际宽度/高度。

我用的是jQuery，所以基于这个就好了；

它必须在 chrome、ff2、ff3、ie6 中工作(如果不能工作，我可能会用定时器 xD 滞后用户的浏览器)ie7、safari、opera...换句话说，最流行的浏览器

谢谢;)

Answer 1

11 年有人问过这个问题，但当我通过 Google 来到这里时，我想澄清一些事情。

1) 几乎所有的浏览器都已经有一个可靠的方法来检查一个元素是否被改变了。检查我的库:

http://marcj.github.io/css-element-queries/

这个库有一个 ResizeSensor 类，可用于调整大小检测。它使用基于事件的方法，所以它非常快并且不会浪费 CPU 时间。

2) 请不要使用 jQuery onresize 插件，因为它使用setTimeout() 循环来检查更改。这是令人难以置信的缓慢且不准确。