JSFiddle - React, Tailwind, and code Playground

HTML

<div class='div1'>
  <div class="div2"></div>
</div>

CSS

.div1{
  height: 100px;
  width: 100px;
  background: blue;
}
.div2{
  height: 50px;
  width: 50px;
  background: red;
}

JavaScript

$(document).on('click', '.div1', function(e) {
	// при клике на красный квадрат алерт выходить не должен
  if(e.target.className !== 'div2'){
  	alert('KU');
  }
})