title: How to identify all events affecting an element
body: <p>I have an input field</p>
  
  <pre><code>&lt;input id='target' type='text'&gt;
  </code></pre>
  
  <p>and I would like to modify its value with javascript.  Normally, this would be as easy as doing</p>
  
  <pre><code>document.getElementById('target').value = 'new value';
  </code></pre>
  
  <p>However, this input field is embedded into a page that loads other scripts that could potentially interact with this field and make changes as well.  </p>
  
  <p>How can I find out all the scripts that change the value of this input without spelunking through all the code.  Is there some way to set a listener on the input field that logs all attempts to modify it?</p>