スクリプトによる入力変更のイベント（.value）

Question

すべての変更（ユーザーとスクリプトの両方）をトリガーするイベントはありますか？私は2009年からDOM Mutationの使用を提案されたスタックの問題を発見しました。

人類はこれに対してより良い解決策を発明しましたか？

P.S.状況を想像できない人のためのコード。

input = document.getElementById('input'); 
 
output = document.getElementById('output'); 
 
submit = document.getElementById('submit'); 
 

 
input.addEventListener('input', function(){ 
 
\t output.innerText = "It works!"; 
 
}) 
 

 
submit.onclick = function(){ 
 
\t input.value = 'Hello!'; 
 
} 
 

 
//Firstly try to Submit. Oh look! Nothing happened! 
 
//Now try to write anything. Hmm, it works!

<input id="input"> 
 
<button id="submit">Submit</button> 
 
<div id="output"></div>

Answer 1

人類はあなたがMutationObserverクラスを経由してDOMの変更のさまざまな観察することができ、変異イベント

をドロップするプロセスです。ストレート便宜上MDN（https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver）から

：

// select the target node 
 
var target = document.getElementById('SOME-ELEMENT-ID'); 
 
    
 
// create an observer instance 
 
var observer = new MutationObserver(function(mutations) { 
 
    mutations.forEach(function(mutation) { 
 
    console.log(mutation.type); 
 
    });  
 
}); 
 
    
 
// configuration of the observer: 
 
var config = { attributes: true, childList: true, characterData: true }; 
 
    
 
// pass in the target node, as well as the observer options 
 
observer.observe(target, config); 
 
    
 
// later, you can stop observing 
 
observer.disconnect();