事件委托

什么是事件委托

事件委托也称为事件代理，在 jQuery 里面称为事件委派。

（说白了就是，不给子元素注册事件，给父元素注册事件，把处理代码在父元素的事件中执行。 ）

事件委托的原理

给父元素注册事件，利用事件冒泡，当子元素的事件触发，会冒泡到父元素，然后去控制相应的子元素。

事件委托的作用

• 我们只操作了一次 DOM ，提高了程序的性能。

• 动态新创建的子元素，也拥有事件。

   <ul>
          <li>知否知否，点我应有弹框在手！</li>
          <li>知否知否，点我应有弹框在手！</li>
          <li>知否知否，点我应有弹框在手！</li>
          <li>知否知否，点我应有弹框在手！</li>
          <li>知否知否，点我应有弹框在手！</li>
      </ul>
      <script>
          // 事件委托的核心原理：给父节点添加侦听器， 利用事件冒泡影响每一个子节点
          var ul = document.querySelector('ul');
          ul.addEventListener('click', function(e) {
              // e.target 这个可以得到我们点击的对象
              e.target.style.backgroundColor = 'pink';
          })
      </script>