js事件冒泡和事件捕获

事件捕获
当你使用事件捕获时，父级元素先触发，子级元素后触发，即div先触发，p后触发。
事件冒泡
当你使用事件冒泡时，子级元素先触发，父级元素后触发，即p先触发，div后触发。
W3C模型
W3C模型是将两者进行中和，在W3C模型中，任何事件发生时，先从顶层开始进行事件捕获，直到事件触发到达了事件源元素。然后，再从事件源往上进行事件冒泡，直到到达document。

 

事件的传播是可以阻止的：
• 在W3c中，使用stopPropagation()方法
• 在IE下设置cancelBubble = true；
在捕获的过程中stopPropagation()后，后面的冒泡过程也不会发生了~
阻止事件的默认行为，例如click <a>后的跳转~
• 在W3c中，使用preventDefault()方法；
• 在IE下设置window.event.returnValue = false;
不是所有的事件都能冒泡。