事件委託和冒泡機制

概念

1. 事件委託，就是某個事件原本該本身乾的，可是本身不幹，交給別人來幹。就叫事件委託。打個比方：一個button對象，原本本身須要監控自身的點擊事件，可是本身不來監控這個點擊事件，讓本身的父節點來監控本身的點擊事件。
2. 冒泡機制，就是父節點監控着一塊區域的點擊事件，當點擊事件觸發時，會根據座標來判斷是哪一塊區域被點擊，而後肯定事件對象的target屬性或者說是srcelement屬性。肯定好了以後，這個事件對象，會往上一層一層的傳遞，若是當前的事件調用了stopPropagation();那麼事件將會停留在這一層，也就是說，事件將不會被之上的層進行監控了

至於說事件委託和冒泡機制的關係，按照個人理解，事件委託知識一種描述性的概念，二冒泡機制纔是一種具體的實現方式。

var toolbar = document.querySelector(".toolbar");
toolbar.addEventListener("click", function(e) {
 var button = e.target;//e就表示事件
 if(!button.classList.contains("active"))
  button.classList.add("active");
 else
  button.classList.remove("active");
});