Javascript - 有没有办法在班级变更上注册活动？

Question

我试图了解是否有办法在元素的类更改时注册事件。

我害怕使用setInterval进行检查，导致浏览器卡住。

谢谢。

Answer 1

如果您使用的是jQuery。这可能是一个解决方案：

https://github.com/aheckmann/jquery.hook/blob/master/jquery.hook.js

我不建议覆盖您不要自己的方法，但它是可以做到这样的事情：

//Overide addClass Method 
(function(){ 

    var addClassMethod = jQuery.fn.addClass; 

    jQuery.fn.addClass = function(){ 
     var result = addClassMethod.apply(this, arguments); 
     jQuery(this).trigger('classChanged'); 
     return result; 
    } 

})(); 


$(".yourElemClass").bind('classChanged', function(){ 
    //Your code goes here  
}); 

Answer 2

有一件事你可以做是创建一个changeClass功能：

function changeClass(element, className) { 
    element.className = className; 
    // Your code to run on the class change 
} 

然后，当你需要改变只是一个元素的类：

changeClass(myElement, "myClass");