JSFiddle - React, Tailwind, and code Playground

by gangadharjannu

HTML

<button onclick="clickHandler(event)" id="trustedBtn">
  Fire Trusted Event
</button>
<button onclick="triggerHandleEvent(event)" id="programBtn">
  Programmatically Fire Event
</button>

JavaScript

var programBtn = document.getElementById('programBtn');
var trustedBtn = document.getElementById('trustedBtn');

function clickHandler(event) {
  // if (event.isTrusted) {
  if (event && event.eventX && event.eventY && event.eventX !== 0 && event.eventY !== 0)
    alert("Trusted Event");
} else {
  alert("Programmatically triggered");
}
}

function triggerHandleEvent(event) {
  trustedBtn.click();
}