e.target和e.currentTarget區別

直接上代碼：

body裏：

   <div id="father">
      father
      <div id="son">
        son
      </div>
   </div>

js：

<script type="text/javascript">
        let fa = document.getElementById('father');
        let son = document.getElementById('son');
        fa.addEventListener('click', e => {
          console.log(e.target)
          console.log(e.currentTarget)
        })
</script>

運行結果：

點擊fa元素：

點擊son元素：

   

結論：

target: 觸發事件的對象，誰觸發誰命中。

currentTarget: 綁定事件的對象，恆等於this，等於addEventListener前面的元素