javascript - Repaint 可以测试吗？

Question

目前是否有API可以有效解析如下伪代码？

var myElement = document.querySelector("#foo");

if (myElement[mustBeRepainted]) {
    // do stuff
}

也就是说，“脏”元素的概念，或者在下一次重绘时必须重绘或不同于其当前屏幕状态的元素。

我对它的实现方式不太挑剔，尽管我希望有类似 myElement.isDirty 或 paintQueue("myElement") 的东西。

Answer 1

如果您只想捕获属性更改而不是实际操作系统的绘制消息(例如 WM_PAINT )，您可以简单地 observe想要的 dom 元素:

function trackDomChanges(I_oHTMLObject) {
    //create an observer instance
    var observer = new MutationObserver(
        function(mutations) {
            mutations.forEach(
                function(mutation) { 
                    // play with mutation.attributeName, oldValue etc.
                }
            );
        }
    );
    observer.observe(I_oHTMLObject, { attributes: true, childList: false, characterData: false });
}

trackDomChanges(myElement);