title: Javascript Canvas Image onclick not working
body: <p>I am failing at getting a DOM Image onclick event to work. </p>
  
  <pre><code>var context = document.getElementById('canvas').getContext('2d');
  
  var image = new Image();
  image.src = "foo.png"
  image.onclick = function(e) { console.log("clicked"); }
  
  
  setInterval(function() {
  
  context.drawImage(image, 100, 100, 50, 50);    
  
  };
  </code></pre>
  
  <p>Why do I not get the log message when i click on the image. In developer tools i can see the onclick function is not null for the image.</p>