I think this is what you mean?
var test = document.getElementById('test');
function whatClicked(evt) {
alert(evt.target.id);
}
test.addEventListener("click", whatClicked, false);
div#test {
width: 300px;
height: 200px;
position: relative;
display: block;
border: 1px solid blue;
}
div#test div,
div#test span {
display: block;
position: absolute;
border: 1px solid red;
}
div#inner1 {
top: 15px;
left: 15px;
height: 15px;
width: 15px;
}
span#inner2 {
top: 65px;
left: 65px;
height: 15px;
width: 15px;
}
div#inner3 {
top: 155px;
left: 155px;
height: 15px;
width: 15px;
}
<div id="test">
<div id="inner1"></div>
<span id="inner2"></span>
<div id="inner3"></div>
</div>