target与currentTarget

evt.target 与 evt.currentTarget 区别

evt.target: 当前触发事件的 dom

evt.currentTarget: 绑定事件的元素，而不是当前触发事件的元素

html

<html>
  <body>
    <div id="parentDom">
      父节点
      <div id="childDom">子节点</div>
    </div>
  </body>
  <script>
    const parentDom = document.getElementById('parentDom')
    parentDom.addEventListener('click', e => {
      /*
      当点击`子节点`三个字时，此时的target为 childDom,
      当点击`父节点`三个字时，此时的target为 parentDom
       */
      console.log(e.target)
      // 无论是点击`子节点`还是`父节点`, 这个值一直都是 parentDom
      console.log(e.currentTarget)
    })
  </script>
</html>

target与currentTarget #

evt.target 与 evt.currentTarget 区别 #

target与currentTarget

evt.target 与 evt.currentTarget 区别