javascript - 当一个 block 的宽度改变时是否有一个事件被调用？

Question

我想在我监听的 block 的宽度发生变化时调用我的代码。怎么办？

onresize 仅在窗口大小改变时调用。

Answer 1

一个选项可以是使用 ResizeObserver :

观察所有宽度变化。

JS:

var foo = document.getElementById('foo');

var observer = new window.ResizeObserver(entries => 
   console.log(entries[0].contentRect.width));

   observer.observe(foo);
}

Stackblitz in Angular