event trigger при изменении класса

Question

Я хочу, чтобы мое событие, вызванное тегом div, приобрело класс триггера. , но я не знаю, как заставить его слушать событие добавления класса.

Не могли бы вы рассказать мне, как или что мне нужно знать?

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

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

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

Answer 1

Ну было mutation events, но они устарели и в будущем будет Мутация наблюдателями, но они не будут полностью поддерживаться в течение длительного времени. Так что вы можете сделать в среднем?

Вы можете использовать таймер для проверки элемента.

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); 
} 

Запуск Пример: jsFiddle