title: JavaScript Event Listeners vs Event Handlers
body: <p>Ok, I have been trying to figure this out for a long time now and finally have the time to investigate. As the title suggests "What is the difference"? I know that this works the way I want it to.</p>
  
  <pre><code>    addLoadEvent(converter);
  
  // Converter
  function converter() {
      var pixels = document.getElementById("pixels");
      pixels.addEventListener("keyup", updateNode, true);
      pixels.addEventListener("keydown", updateNode, true);
  }
  </code></pre>
  
  <p>But this doesn't, and only runs once. </p>
  
  <pre><code>    addLoadEvent(converter);
  
  // Converter
  function converter() {
      var pixels = document.getElementById("pixels");
      pixels.onkeydown = updateNode;
      pixels.onkeyup = updateNode;
  }
  </code></pre>
  
  <p>What I'm I lacking... What is the difference? Any links to the topic would be helpful.</p>
  
  <p>My assumption was that the handler should act like the listener but it doesn't. In fact does a listener even need to be added to the addLoadEvent function? </p>