event.target指向引起觸發(fā)事件的元素
event.currentTarget則是事件綁定的元素

看個例子

<style>
body {
  padding: 25px;
}
#outer {
  float: left;
  padding: 50px;
  margin: 0 0 25px;
  background-color: #086FA1;
}

#inner {
  width: 100px;
  height: 100px;
  background-color: #3CA0D0;
}

</style>
<div id="outer">
  <div id="inner"></div>
</div>
<script>
    var outer = document.getElementById('outer');
    var inner = document.getElementById('inner');
    outer.addEventListener('click',function (event){
       console.log('event.target.id:'+event.target.id);
       console.log('event.currentTarget.id:'+ event.currentTarget.id); 
    })
</script>

當點擊里面的元素時，輸出

event.target.id:inner
event.currentTarget.id:outer

當點擊外面的元素時，輸出

event.target.id:outer
event.currentTarget.id:outer

當事件綁定的元素和觸發(fā)的元素相同時，event.target === event.event,currentTarget。