title: How can I detect a "copy image" browser event?
body: <p>Using jquery, I can detect when the user copies something (like text) with ctrl-c or through the context menu:</p>
  
  <pre><code>$(document).on('copy',function(e){$('body').prepend('copy event &lt;br&gt;');});
  </code></pre>
  
  <p>However, the event doesn't seem to trigger when an image is copied. How can I detect image-copy? Specifically I'd like to detect copying from a <code>&lt;canvas&gt;</code> element, but any <code>&lt;img&gt;</code> should do as a starting point for understanding this problem.</p>
  
  <p>Test scenario: <a href="http://jsfiddle.net/jm23xe8w/" rel="noreferrer">http://jsfiddle.net/jm23xe8w/</a></p>