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')
    })