在js的事件模型中，存在着两种不一样的处理方式，一总是捕获，一种是冒泡。早期的两种主流的浏览器Netscape和IE有不同的解决方案，IE采用的是事件冒泡的方法，而Netscape则是采用事件捕获的处理方法，区别如下图：

然后我们再来看看w3c中，对不同Event的定义规范:

Event Type	Bubbling phase	Trusted event target types	DOM interface	Cancelable
abort	No	Window, Element	Event	No
beforeinput	Yes	Element	InputEvent	Yes
blur	No	Window, Element	FocusEvent	No
click	Yes	Element	MouseEvent	Yes
compositionstart	Yes	Element	CompositionEvent	Yes
compositionupdate	Yes	Element	CompositionEvent	No
compositionend	Yes	Element	CompositionEvent	No
dblclick	Yes	Element	MouseEvent	No
error	No	Window, Element	Event	No
focus	No	Window, Element	FocusEvent	No
focusin	Yes	Window, Element	FocusEvent	No
focusout	Yes	Window, Element	FocusEvent	No
input	Yes	Element	InputEvent	No
keydown	Yes	Element	KeyboardEvent	Yes
keyup	Yes	Element	KeyboardEvent	Yes
load	No	Window, Document,Element	Event	No
mousedown	Yes	Element	MouseEvent	Yes
mouseenter	No	Element	MouseEvent	No
mouseleave	No	Element	MouseEvent	No
mousemove	Yes	Element	MouseEvent	Yes
mouseout	Yes	Element	MouseEvent	Yes
mouseover	Yes	Element	MouseEvent	Yes
mouseup	Yes	Element	MouseEvent	Yes
resize	No	Window, Element	UIEvent	No
scroll	No / Yes	Document, Element	UIEvent	No
select	Yes	Element	Event	No
unload	No	Window, Document,Element	Event	No
wheel	Yes	Element	WheelEvent	Yes

从上面我们可以看到什么事件会冒泡，什么事件不会。

看完这些我们再来看看这两种模式的影响。

1、子元素没有click函数，但是父元素有

JS Bin

可以看到，点击子元素的时候，也会调用父元素的click函数

2、子元素有cilck函数，父元素也有click函数

JS Bin

可以看到，点击子元素的时候也触发了父元素的click函数

上面两个就是冒泡了，然后我们该如何阻止这总默认时间呢

w3c的方法是e.stopPropagation()，IE则是使用window.event.cancelBubble = true;

JS Bin

可以看到，成功阻止了冒泡行为