JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">
  <div id="div2">
    <div id="div3"></div>
  </div>
</div>

CSS

div {
  padding: 50px;
}

#div1 {
  background: red;
}

#div2 {
  background: blue;
}

#div3 {
  background: green;
  position: absolute;
  top: 300px;
}

JavaScript

var oDiv1 = document.getElementById('div1');
var oDiv2 = document.getElementById('div2');
var oDiv3 = document.getElementById('div3');

function fn1() {
  alert(this.id);
}

oDiv1.addEventListener('click', fn1, true);
oDiv2.addEventListener('click', fn1, true);
oDiv3.addEventListener('click', fn1, true);