JavaScript事件委托是将子元素事件绑定到父元素，利用事件冒泡和event.target识别目标，可减少监听器数量、节省内存、支持动态元素、降低DOM访问开销、简化逻辑维护。
JavaScript事件委托，就是把本该绑定在子元素上的事件（比如点击、鼠标移入），改绑到它的父元素上，靠事件冒泡机制和event.target来识别真正被操作的是哪个子元素。
减少事件监听器数量，节省内存
每个事件处理函数都是一个对象，会占用内存。如果列表有100个<li>，传统方式要创建100个监听函数；用事件委托，只在<ul>上设1个监听器就够了。内存占用从线性增长变成常量级，尤其在表格、无限滚动等大数据场景下效果明显。
动态添加元素无需重新绑定
页面后续通过JS插入的新<li>，自动响应父元素的监听逻辑。不用再调用addEventListener逐个补绑，也不会因遗漏导致新元素无交互。
降低DOM访问与初始化开销
页面加载时，遍历大量子元素并绑定事件会增加DOM查询次数，拖慢首屏可交互时间。事件委托只需一次获取父元素，一次绑定，初始化更快。对服务端渲染或内容动态注入的页面更友好。
立即学习“Java免费学习笔记（深入）”；
简化事件逻辑维护
所有同类操作（如所有列表项的点击行为）集中在一处处理：统一判断e.target.matches('li')或e.target.closest('li')，再执行对应动作。避免分散在多处、逻辑重复、修改不同步的问题。
