事件代理（事件委托）

<ul>
	<li>点击出现弹框</li>
	<li>点击出现弹框</li>
	<li>点击出现弹框</li>
	<li>点击出现弹框</li>
	<li>点击出现弹框</li>
</ul>
<script>
//事件委托原理：给父节点添加事件监听器，利用事件冒泡影响每一个子节点
var ul = document.querySelector("ul");//获取ul
	ul.addEventListener("click",function(e){     // e（触发窗体事件） => window.event的简写
			alert(" 点击出现弹框 "); //alert 弹框
			// e.target 这个可以得到我们点击的对象
			e.target.style.backgroundClolor = "blue";//点击后li背景改变颜色为蓝色
		})
		
</script>