Javascript 是否有一种事件驱动的方法来响应DOM元素的大小调整?

Javascript 是否有一种事件驱动的方法来响应DOM元素的大小调整?,javascript,Javascript,我希望在DOM元素更改其维度时收到通知。我只针对最新版本的Chrome。这可能吗 我发现: 它是相关的,但引用使元素可调整大小 这似乎绑定到scroll事件处理程序并记录最后已知的大小信息,然后当scroll更改时,它会检查是否确实发生了调整大小的操作。我想知道这是目前唯一的一种方式,还是仅仅为了支持非现代浏览器 以下是我希望能够做出回应的示例。此代码段不会打印到控制台,但我希望打印到控制台,因为一旦修改了父级的宽度,子级的宽度就会增加 var observer=新的MutationObs

我希望在DOM元素更改其维度时收到通知。我只针对最新版本的Chrome。这可能吗

我发现:

  • 它是相关的,但引用使元素可调整大小
  • 这似乎绑定到scroll事件处理程序并记录最后已知的大小信息,然后当scroll更改时,它会检查是否确实发生了调整大小的操作。我想知道这是目前唯一的一种方式,还是仅仅为了支持非现代浏览器
以下是我希望能够做出回应的示例。此代码段不会打印到控制台,但我希望打印到控制台,因为一旦修改了父级的宽度,子级的宽度就会增加

var observer=新的MutationObserver(函数(){
console.log('I fired');
});
var child=document.getElementById('child'))
观察者,观察者,观察者{
属性:true
});
var parent=document.getElementById('parent');
parent.style.width='400px'
#孩子{
高度:100px;
宽度:100%;
背景颜色:蓝色;
}
#母公司{
宽度:200px;
高度:200px;
}


对。我在我的帖子中提到了这里引用的库,我正在寻找更多信息——如果有的话。顺便说一下,真正的非现代浏览器在任何HTML元素上都会触发
onresize
,还有什么比这更现代的呢;):是的,是的,有一次我希望我只瞄准IE!由于您只针对最新的Chrome,因此在它被批准/实施后,这将是一个非常优雅的解决方案:对。我在我的帖子中提到了这里引用的库,我正在寻找更多信息——如果有的话。顺便说一下,真正的非现代浏览器在任何HTML元素上都会触发
onresize
,还有什么比这更现代的呢;):是的,是的,有一次我希望我只瞄准IE!由于您只针对最新的Chrome,因此在获得批准/实施后,这将是一个非常优雅的解决方案: