e.Target 和 this 的区别

e.target 返回的是触发事件的元素，this 返回的是绑定注册事件的元素

 <ul>
      <li>111</li>
      <li>222</li>
  </ul>
  <script>
      var ul=document.querySelector('ul');
      ul.addEventListener('click',function(e){
          console.log(e.target);
          console.log(this);
      })
  </script>

这串代码中我们绑定注册事件用的是 ul ，而我们点击 li 标签后输出 e.target 结果为当前触发事件的元素，即 li，用 this 输出后结果为绑定事件的元素 ul ，这就是二者的区别