title: html canvas trap left click and allow right click to pass through (pointer-events)
body: <p>The use case is that I have an html canvas on top of several html elements which listen for right click mouse events. I want to draw on the canvas using left mouse button, and at the same time interact with underlying html elements using right click.</p>
  
  <p>I get that I can allow all mouse events to pass through the canvas by setting css property pointer-events to none. However I want to allow only right click to pass through it.</p>
  
  <p>One way to achieve this may be to listen on the canvas for right click, set pointer-events to none in the callback, manually fire a right click event again and set pointer-events back to auto.</p>
  
  <p>Btw I'm using KineticsJS and I have no idea how to manually fire mouse events using it.</p>
  
  <p>Any suggestions would be appreciated.</p>