核心: 区别target和currentTarget

  • target表示当前触发事件的元素
  • currentTarget是绑定处理函数的元素

只有当事件处理函数绑定在自身的时候,target才会和currentTarget一样

题目要求使用事件代理,也即是不要在自身绑定onclick,我们可以选择它的父元素ul

完整代码如下:

document.querySelector('ul').onclick = function(e) {
  e.target.innerText += '.'
}