当前位置:编程学习 > JS >>

js 的target 和 currentTarget 区别是什么

target 和 currentTarget:
currentTarget 指向的是易做图直接绑定的那个元素,而 target 指向的是我们点击的那个元素。
利用事件委托:

 <div id="container">
    <ul id="list">
      <li><a href="#">Item 1</a></li>
      <li><a href="#">Item 2</a></li>
      <li><a href="#">Item 3</a></li>
      <li><a href="#">Item 4</a></li>
      <li><a href="#">Item 100</a></li>
    </ul>
  </div>



const Li = document.querySelector('#list')
    Li.addEventListener('click', function (e) {
      let target = e.target.nodeName
      let currentTarget = e.currentTarget.nodeName
      console.log('点击了', target, '元素target')
      console.log('点击了', currentTarget, '元素currentTarget')
    })
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,