title: Disable clickable image but enable right click context menu
body: <p><a href="https://i.stack.imgur.com/jriaP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jriaP.png" alt="enter image description here"></a></p>
  
  <p><em>Example image from reddit.com</em></p>
  
  <p>Picture sums up what I want to do with CSS (and JS if needed)</p>
  
  <p>Essentially:</p>
  
  <ul>
  <li>I want to have an image on some website to be left-unclickable to its imageURL</li>
  <li>I want the ability to have a right-clickable context menu so I can open that imageURL in a new tab if needed</li>
  </ul>
  
  <p><strong>How would I do this purely with CSS (am using chrome stylish plugin) and if needed Javascript?</strong></p>
  
  <p>Currently I was using this:</p>
  
  <p><code>pointer-events: none;</code> on the CSS class</p>
  
  <p>but this disables the ability to have a right-click context menu</p>