代码:
<body>
<ul>
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
</ul>
<script>
var ul=document.querySelector('ul')
ul.addEventListener('click',function(){
alert('123')
})
</script>
</body>
我们点击了li但是li没有事件函数,冒泡把点击事件向上传递,传到ul,ul注册了事件有事件函数,所以显示alert。从而实现了单独给ul绑定事件让所有li都有效果,不用单独给每个li进行事件绑定