Как отследить изменение атрибута?

Question

[bullycoder]

Имеется набор input="type = text", у них есть атрибут data-xxx, который принимает true/false, как можно отследить, что атрибут изменился и димически совершить какое-нибудь действие с элементом?

Answer 1

[Андрей]

Для этого есть MutationObserver, но поддерживается не везде.

// create an observer instance
var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    console.log(mutation.type);
    // тут действие
  });    
});
 
// настройки обсервера, следим только за атрибутами
var config = { attributes: true, childList: false, characterData: false };
 
// вешаем обработчик, target - это ваш интпут
observer.observe(target, config);