activador de evento en el cambio de clase

Question

Me gustaría que mi evento activado en la etiqueta div adquiera la clase "desencadenante". pero, no tengo idea de cómo hacer que escuche el evento de sumar clases.

¿Podría decirme cómo o qué necesito saber?

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

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

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

Answer 1

bien hubo mutation events, pero fueron descartadas y el futuro habrá observadores de mutación, pero no será apoyado totalmente por un largo tiempo. Entonces, ¿qué puedes hacer mientras tanto?

Puede usar un temporizador para verificar el 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); 
} 

ejemplo de servicio: jsFiddle