请解释 JavaScript 中事件代理的概念及其工作原理。

回答思路

1. 【回答框架 1】事件代理是将事件处理程序绑定到父元素，利用事件冒泡机制，当子元素事件触发时，通过父元素统一处理，从而减少事件绑定数量。
2. 【回答框架 2】原理是浏览器事件传播的冒泡阶段，事件从目标元素向上传播至父级。通过 event.target 获取实际触发元素，进行相应处理。
3. 【回答框架 3】事件代理的优势包括减少内存占用、提高性能、动态绑定新元素无需额外绑定，但需注意事件委托的冒泡特性及 event.target 的正确判断。
4. 【关键点 1】事件代理利用事件冒泡机制，将事件监听器绑定到父元素。
5. 【关键点 2】通过 event.target 识别实际触发事件的子元素。
6. 【关键点 3】适用于处理动态添加的元素，减少事件监听数量，提升性能。
7. 【关键点 4】需注意事件冒泡可能带来的意外触发，可结合条件判断避免。
8. 【易错点 1】误认为事件代理适用于所有事件，忽略不冒泡事件（如 focus、blur）。
9. 【易错点 2】在事件处理中未正确判断 event.target，可能导致误处理。
10. 【易错点 3】过度使用事件代理可能影响代码可维护性。