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