Как прослушивать, когда элемент отключен или включен.

Question

Я ищу, чтобы вносить изменения в соседние элементы при отключении ввода или набора полей. Есть ли событие, которое слушает, когда элемент включен или отключен? Например:

var input = document.createElement('input') 

Я ищу событие, которое будет стрелять из переключая отключенного состояния:

input.disabled = !input.disabled 

Answer 1

Вы можете использовать MutationObserver с attributes набором для true на объекте конфигурации.

var input = document.createElement("input"); 
 

 
var observer = new MutationObserver(function(mutations) { 
 
    mutations.forEach(function(mutation) { 
 
    if (mutation.attributeName === "disabled") { 
 
     console.log(`${mutation.target.tagName}.disabled:` 
 
       , `${mutation.target[mutation.attributeName]}`) 
 
    } 
 
    }); 
 
}); 
 

 
observer.observe(input, { 
 
    attributes: true 
 
}); 
 

 
input.disabled = !(input.disabled); // true 
 

 
setTimeout(function() { 
 
    input.disabled = !(input.disabled); // false 
 
});