如果事件绑定到父级，为什么事件以子级为目标？

Question

一个非常简单的情况：

<div class="item">
  <div class="text">test</div>
</div>

和javascript：

var item = document.querySelector('.item');
item.addEventListener('click', function(e){
  console.log(e.target);
})

我似乎无法理解，为什么，如果我将事件绑定到项目，事件目标显示为子项而不是我最初绑定它的元素？

如果这是重复的话，我道歉，我事先真诚地寻找类似的问题和答案，但没有找到任何可以解释这一点的内容。

感谢。