javascript - 当 DOM 元素的计算样式改变时触发事件？

Question

是否有非轮询方法来监听元素的computed style 的变化？ ？

这个幻想代码片段应该能简洁地解释我的意思:

var el = document.getElementById('doodad');

el.addComputedStyleChangeListener('width', function (prev, new) {
  alert('Previous width: ' + prev + '; New width: ' + new);
});

---

我知道 DOMAttrModified突变事件和即将到来的MutationObserver ，但这两者都不够——它们只能用于观察元素的 style DOM 属性，它不能完全确定元素的计算样式。

---

用例 最初是 this question 的一部分，这真的只是让我走上了好奇的道路。

Answer 1

没有这样的方法。 CSS OM还没有。

并且不清楚“计算样式更改”是什么意思。

原则上，您可以检测使用的(例如渲染)样式的变化。但这将需要一些像“paint”或“layout”这样的事件发生。