e.target和e.currentTarget

e.currentTarget : 其事件處理程序當前正在處理事件的那個元素 

e.target : 事件的目標 

一個簡單的例子：

<div id="vv" style="background: #000;height:100px">
    <p style="background: orange;height: 50px">ddddd</p>
</div>
<script>
    var btn = document.getElementById('vv')
    btn.addEventListener('click',function (event) {
        console.log(this)
        console.log(event.target)
        console.log(event.currentTarget)
    })
</script>

點擊p的時候 打印出來的是  div/p/div
點擊div的時候 打印出來的是 div/div/div