事件委托的原理依赖于事件冒泡,可以通过给父元素的事件委托来确定是哪个子元素触发了事件从而做一系列操作。
使用事件委托的优点
1、操作子元素时不用一一遍历,可以根据事件触发的对象而进行相应操作
dom结构如下:
<ul xss=removed>
<li xss=removed></li>
<li xss=removed></li>
<li xss=removed></li>
<li xss=removed></li>
<li xss=removed></li>
</ul>
当li被点击时,打印该li的值。
在我们还没有学事件委托的时候我们会遍历所有li并给