事件机制 事件捕获 处于目标阶段 事件冒泡 事件委托

事件捕获

当点击触发了dom事件，浏览器会从根节点开始由外向内进行传播，如果父元素在捕获期注册了对应的事件，则会先触发父元素的绑定事件

事件冒泡

由内向外进行传播，直到根节点

事件流：事件捕获期(IE10以下不支持捕获期) -> 处于目标阶段 -> 事件冒泡期

• 当子元素不想触发父元素事件，可停止事件传播 event.stopPropagation() 或者 event.cancelBubble = true

事件委托就是根据事件冒泡机制，在父元素上绑定事件，点击子元素，通过事件冒泡，在父元素上触发事件