事件委托

利用了浏览器事件冒泡的机制 在冒泡的过程中，子字节冒泡到父节点，并且可以在父节点事件里获取到target，由父节点处理事件

event.target和event.currentTarget

• target指当前被点击的元素，发生事件的源头
• currentTarget指向绑定事件的元素

<ul onClick="clickMe()">
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
  <li>9</li>
  <li>10</li>
</ul>

function clickMe(){
//   当前被点击的元素
  console.log(event.target)
//   触发事件的元素
  console.log(event.currentTarget)
}

currentTarget === this 返回的是true