addEventListener事件委託

什麼是事件委託：通俗的講，事件就是onclick，onmouseover，onmouseout，等就是事件，委託呢，就是讓別人來作，這個事件原本是加在某些元素上的，然而你卻加到別人身上來作，完成這個事件。

也就是：利用冒泡的原理，把事件加到父級上，觸發執行效果。

好處1，提升性能。

好處2，新添加的元素還會有以前的事件。

基本格式：元素.addEventListener（type, fn , true/false）；第三個參數通常不寫，默認值是false，它決定了是先捕獲仍是先冒泡，若是是true就是捕獲，反之則是冒泡（事件捕獲：父級元素先觸發，子集元素後觸發；

事件冒泡：子集元素先觸發，父級元素後觸發；）。第一個參數是事件類型（例如：click,mouseenter,mousedown）。第二個參數是綁定的函數。