JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<div class="pai" id="pai">
  <div class="filho" id="filho"></div>
</div>

CSS

.pai {
  width: 100px;
  height: 50px;
  background-color: yellow;
  padding: 10px
}

.filho {
  width: 50;
  height: 20px;
  background-color: blue
}

JavaScript

$( ".pai" ).click(function(event) {
  console.log('Evento click:\n----------');
  console.log(this.id);
  console.log(event.target.id);
  console.log(event.currentTarget.id);
  console.log("-----------");
});

$('.pai').click( handler );