w3 中规定了3个事件阶段

捕获阶段 ， 目标阶段，冒泡阶段

• 如果Event.bubbles =false (冒泡阶段就会跳过)

• Event.stopPropagation()在事件派发前被调用，那么所有的阶段都会被跳过。

事件冒泡 （由内往外）

• 就是父元素和子元素都有相应的（触发事件）当触发子元素时，也会相应的触发父元素

• 但是你想要的只是点击子元素只有子元素的触发事件生效，不会干扰父元素

• 解决办法（event.stopPropagation();）(防止事件冒泡)

    document.onclick=function(event){

        //事件处理程序

        event.stopPropagation();

        //防止事件冒泡
    }

事件捕获 （由外往内）

• 父元素 到 子元素

阻止默认事件

• e.parentDefault ();

浅谈js
js冒泡捕获默认阻止