事件与事件委托

事件委托的核心原理

• 给父节点添加侦听器， 利用事件冒泡影响每一个子节点，是 JavaScript中常用的绑定事件的方式。

• “事件代理”就是把原本需要绑定到子元素的事件委托给父元素，让父元素承担事件监听的工作。

• 事件代理的原理是DOM元素的事件冒泡。

使用事件代理的好处有很多

• 减少事件数量
• 预测未来元素
• 避免内存外泄等
• 有利于提高性能。

 var ul = document.querySelector('ul');

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

            // alert('知否知否，点我应有弹框在手！');

            // e.target 这个可以得到我们点击的对象

            e.target.style.backgroundColor = 'pink';