const out = document.querySelector('.out');
console.log(out);
out.addEventListener('click', (e) => {
console.log(e.target);
});
<div class="out">
<div class="in"></div>
</div>
.out {
height: 200px;
background: green;
}
.in {
height: 100px;
background: red;
z-index: 1;
position: relative;
}