e.target和e.currentTarget区别

直接上代码：

body里：

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

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

   

　

扫码关注我们

微信号：SRE实战

拒绝背锅 运筹帷幄