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前面的元素