evento trigger sul cambio classe

Question

Vorrei che il mio evento attivato sul tag div acquisisca la classe "trigger". ma, non ho idea di come farlo ascoltare l'evento di aggiunta di classe.

Potrebbe dirmi come o quale ho bisogno di sapere?

<div id="test">test</div> 

<script type="text/javascript"> 
    document.getElementsById.setAttribute("class", "trigger"); 

    function workOnClassAdd() { 
     alert("I'm triggered"); 
    } 
</script> 

Answer 1

Bene c'erano mutation events, ma erano deprecato e il futuro ci saranno osservatori mutazione, ma non sarà pienamente supportato per molto tempo. Quindi cosa puoi fare nel frattempo?

È possibile utilizzare un timer per controllare l'elemento.

function addClassNameListener(elemId, callback) { 
    var elem = document.getElementById(elemId); 
    var lastClassName = elem.className; 
    window.setInterval(function() { 
     var className = elem.className; 
     if (className !== lastClassName) { 
      callback(); 
      lastClassName = className; 
     } 
    },10); 
} 

esempio di Esecuzione: jsFiddle