JSFiddle - React, Tailwind, and code Playground

HTML

<div id="d1">
  <button id="b1">
    click() test
  </button>
</div>

<div id="d2">
  <button id="b2">
    on() test
  </button>
</div>

<div id="d3">
  <button id="b3">
    on() with element filter test
  </button>
</div>

JavaScript

$("#d1").click(function(event) {
	alert("event.target: " + event.target);
  alert("event.currentTarget:" + event.currentTarget);
  alert("this: " + this);
});

$("#d2").on("click", function(event) {
	alert("event.target: " + event.target);
  alert("event.currentTarget:" + event.currentTarget);
  alert("this: " + this);
});

$("#d3").on("click", 'button', function(event) {
	alert("event.target: " + event.target);
  alert("event.currentTarget:" + event.currentTarget);
  alert("this: " + this);
});