透过冒泡机制,在父级元素绑定事件处理函数,由事件对象(e)中获取 事件源对象 (target / srcElement),
事件源对象就是子级元素,再对子级元素操作。
事件代理的核心
例子
在一个 ul 中创建 50 个 li,并且给 li 添加删除功能,需要考虑性能
考虑性能
- 使用 innerHTML 性能比 document.createElement() 和 document.createDocumenetFragment() 都要高
- 使用模板
事件代理的解决问题
多次重复的绑定事件处理函数
点击查看【codepen】