事件委托

• 优点：给父级元素加事件（可以提高性能）
• 原理：事件委托其实是利用事件冒泡的特点，给父元素添加事件，子元素可以触发
• 实现：事件对象.target 可以获得真正触发事件的元素

小案例

   <div class="father">
	<p class="son">第1个p标签</p>
                     ···
                     ···
	<p class="son">第6个p标签</p>
   </div>

   <!-- js -->
   <script>
   let father = document.querySelector('.father')

   father.addEventListener('click', function (e) {

	e.target.style.color = 'lightblue'

   })
   </script>