javascript - 通过我无法控制的代码检测类删除

Question

我需要在类从元素中移除时调用函数，我无法控制类何时被移除。

目前我可以通过使用 setTimeout 让它工作，所以它是这样的:

function checkClassRemoval() {
    if (!$('.myElement').hasClass('mySecondClass')) {
        // run function
    }   
}   

setTimeout(checkClassRemoval, 1000);

有没有比每秒运行一次检查更好的方法来捕获类的删除？

Answer 1

您可以使用 MutationObserver为此上课。它允许订阅特定的 DOM 元素更改并在发生此更改时触发事件:

var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutationRecord) {
        console.log('style changed!');
    });    
});

var target = document.getElementById('someId');
observer.observe(target, { attributes : true, attributeFilter : ['style', 'className'] });

有关此对象的支持，请参阅 canIuse.com