纯 javascript div 调整大小事件

Question

我需要你，因为我需要检测 div 是否正在调整大小，我刚刚找到了一些使用 JQuery 和 window.resize 的解决方案。

问题是我不想使用任何库，并且窗口没有调整大小。由于弹出菜单，div 正在调整大小。我可以通过菜单上的调度事件来做到这一点，但我希望我的小部件能够自行工作。

JS小提琴：http : //jsfiddle.net/b7mNU/3/

我想在不使用菜单（黄色 div）上的事件的情况下获得红色矩形的 onresize。就像是 ：

child.addEventListener('resize', function(){ /* do something */ }, false);

Answer 1

对于元素来说，这不是这样的事件<div>。style.width但是，您可以使用间隔函数来观察和的状态style.height。如果发生变化，则会触发回调。