title: Dispatch Click Event to <canvas> Element
body: <p>I am trying to trigger a click event on a <code>&lt;canvas&gt;</code> element using jQuery. My code is simple: find the correct canvas element and then call <code>.click()</code>.</p>
  
  <p>For example: <code>$("canvas").eq(0).click();</code></p>
  
  <p>However, the programmatic click does not produce any activity, such as how a manual mouse click does on this specific <code>&lt;canvas&gt;</code> element. I have no information about how the canvas was drawn (obfuscated JavaScript). Does getting the <code>&lt;canvas&gt;</code> element to respond to <code>.click()</code> require knowing which event listeners are tied to the content in the canvas?</p>
  
  <p>EDIT: More concretely, I am trying to invoke a click event on the waveform <code>&lt;canvas&gt;</code> element on SoundCloud. When clicked manually, the sound seeks to the position indicated by the mouse click. I cannot reproduce this click onto the  element programmatically.</p>