透过冒泡机制,在父级元素绑定事件处理函数,由事件对象(e)中获取 事件源对象 (target / srcElement),
事件源对象就是子级元素,再对子级元素操作。

事件代理的核心

事件对象 和 事件源对象

例子

在一个 ul 中创建 50 个 li,并且给 li 添加删除功能,需要考虑性能

考虑性能

  1. 使用 innerHTML 性能比 document.createElement() 和 document.createDocumenetFragment() 都要高
  2. 使用模板

    事件代理的解决问题

    多次重复的绑定事件处理函数
    点击查看【codepen】