JS事件委托：父元素为子元素注册事件，只通过子元素触发该事件，父元素不触发该事件

eg:页面上有一些列表，当单击li时背景色变为红色，但点击按钮时会新增1个美女到列表最前面，并且单击新增的美女背景也会变为红色；
作为一个前端新手，这个是我在学习事件委托和冒泡排序时遇到的一个问题，现在将解决方案分享给大家。如果有更好的方式，也希望大家告知！

ul>li的结构大致如此：

在做事件委托时，如果想让li触发事件，而ul不会触发，则需要加一个判断，只让li产生作用；
实现方式一：

实现方式二：

实现方式三：

第三种其实是最简单的方式了，不需要另外的添加class属性，也不需要for循环，只需要简单的使用this就可以了。