JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
FIRST: <input class="first" />
<button class="first" data-event="click">trigger click</button>
<button class="first" data-event="focus">trigger focus</button>
<button class="first" data-event="blur">trigger blur</button>
<br><br>
SECOND: <input class="second" />
<button class="second" data-event="click">trigger click</button>
<button class="second" data-event="focus">trigger focus</button>
<button class="second" data-event="blur">trigger blur</button><br>

JavaScript

$("input").on("click focus blur", function(event) {
	$("body").append("<br>" + event.type + " " + typeof event.originalEvent);
  console.log(event.type, typeof event.originalEvent);
});
$("button").click(function() {
  $("input." + $(this).attr("class")).trigger($(this).data("event"))
});