Os elementos HTML não possuem um evento para a troca de atributos, mas isso pode ser feito usando MutationObserver
, uma classe que verifica modificações feitas nos objetos.
<span id="test" attr="doSomething"></span>
var element = document.querySelector('#test');
var mutationObserver = new MutationObserver(function(mutations){
// mutations é uma lista das alteração que foram feitas na tag
mutations.forEach(function(mutation){
if(mutation.type === 'attributes'){
console.log('Ouve mudança de atributo');
}
});
});
mutationObserver.observer(element, {attributes: true});
var interval = setInterval(function(){
element.setAttribute('attr', 'doAnything');
clearInterval(interval);
},1000);