事件委托也叫事件代理,jQuery中叫事件委派
事件委托就是不给每个子元素设置事件侦听器,而是给其父元素设置事件侦听器,然后利用冒泡阶段的原理影响每个子节点
给ul绑定注册事件,点击 li 标签后会冒泡,冒泡到其父元素 ul 身上,因为 ul 注册了事件,就会触发事件侦听器弹出提示框
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<script>
var ul=document.querySelector('ul');
ul.addEventListener('click',function(e){
alert('我是一个li标签')
})
</script>
事件委托的好处在于只访问了一次 DOM,减少了页面交互就绪时间