title: addEventListener keydown not working
body: <p>I took some basic Pong code available on the internet and tried to add keypresses, the code is here: <a href="http://cssdeck.com/labs/ping-pong-game-tutorial-with-html5-canvas-and-sounds" rel="noreferrer">http://cssdeck.com/labs/ping-pong-game-tutorial-with-html5-canvas-and-sounds</a></p>
  
  <p>I added this:</p>
  
  <pre><code>canvas.addEventListener("keydown", handlekeydown, true);
  </code></pre>
  
  <p>After this existing code:</p>
  
  <pre><code>canvas.addEventListener("mousemove", trackPosition, true);
  canvas.addEventListener("mousedown", btnClick, true);
  </code></pre>
  
  <p>And I also added this:</p>
  
  <pre><code>function handlekeydown(e) {
    console.log("debug");
    console.log("keycode: "+e.keyCode);
  }
  </code></pre>
  
  <p>But the function is never called even though I try pressing various keys. Why is this? I'm pretty sure the Canvas is in focus.</p>