JavaScript事件冒泡

所谓的事件冒泡就是实践的向上传导。是指当子元素与父元素有相同的事件时，当子元素被触发时父元素也会被触发冒泡机制。气泡从水底开始往上升，由深到浅，升到最上面。在上升的过程中，气泡会经过不同深度层次的水。相对应地：这个气泡就相当于我们这里的事件，而水则相当于我们的整个dom树；事件从dom 树的底层，层层往上传递，直至传递到dom的根节点。

如果不希望发生事件冒泡，可以通过该事件对象取消冒泡。

let box = getElementById(box);
box.onclik = founction (event){
   alent("box被点击了")；
   event.cancelBubble = ture;  //取消事件冒泡
}