JSFiddle - React, Tailwind, and code Playground

by MarkSchultheiss

HTML

<div id="mything">
  Howdy this is my thing
</div>

JavaScript

var el = document.getElementById("mything");
el.addEventListener('contextmenu', function(ev) {
  ev.preventDefault();
  alert('success!');
  return false;
}, false);

function simulateRightClick() {
  var event = new MouseEvent('contextmenu', {
    'view': window,
    'bubbles': true,
    'cancelable': true
  });
  var cb = document.getElementById('mything');
  var canceled = !cb.dispatchEvent(event);
  var cbtext = cb.textContent;
  if (canceled) {
    // A handler called preventDefault.
    console.log("canceled");

    cb.textContent = cbtext + "this is canceled";
  } else {
    // None of the handlers called preventDefault.
    cb.textContent = cbtext + "this is NOT canceled";
    console.log("not canceled");
  }
}
simulateRightClick();