事件委托

通过把事件监听绑定到父元素上,利用子元素的事件冒泡,来判断哪个子元素发生的事件.

因为是委托别的元素来监听此元素的事件,所以叫事件委托.

事件委托可以提升性能, 解决元素动态添加或删除后事件绑定被取消.

<div id="parent">
   <span id="child1">aaaa</span> <br>
   <span id="child2">bbbb</span> <br>
   <span id="child3">cccc</span>
</div>
<script type="text/javascript">
   document.getElementById('parent').addEventListener('click', function (e) {
      console.log(e.target.id);
   });
</script>