5-js-DOM-事件冒泡

#DOM-2

1. 事件冒泡

   1. 什么叫事件冒泡

      1. 子元素发生事件
      2. 父元素也注册了相同事件
      3. 这时会触发执行父元素的事件行为
      4. 继续向上一级父元素冒泡，循环执行2，3，4.一直冒泡到顶级父元素：window

   2. 作用一
      子元素太多,可以把子元素事件统一冒泡到他们共同的父元素上。

   3. 作用二
      元素是动态添加的，可以可以把子元素事件统一冒泡到他们共同的父元素上。

   4. 弊端，解决事件冒泡

      1. 判断事件和this

         if(e.target==this){
         alert(this.nodeName);
         }

   5. event.stopPropagation();