javascript - 如何检测DOM元素尺寸变化？

Question

如何检测DOM元素尺寸变化？
window对象有resize事件可以触发，因此可以检查窗口大小变化。
但是如何才能让dom元素尺寸变化时触发一个事件呢？有这样的事件么？

Answer 1

印象中好像没有；
可以考虑自定义事件，设置一定条件（例如DOM元素尺寸变化）下触发，再设置相应的事件处理函数。

Answer 2

可以试试看MutationObserver
https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

另外，除了Chrome插件之类的少数场景，DOM大小改变这件事情应该多数情况下是你自己写的JS触发的，自己负责触发一个事件不是更好么

Answer 3

通常大家都没有这么干的。题主可以思考一下是否真的有必要这么干？
因为所有DOM元素的大小改变肯定都是通过JS去实现的，因此改变的过程是可以控制。在这样的情况下，是否可以主动地在改变DOM元素的同时，做一些你要做的事呢？