能冒泡的事件

每个 event 都有一个event.bubbles属性，可以知道它可否冒泡。(ref：W3定义的Event Interface)

当然 W3 DOM Level 3 Events 的细则里已经附上这个表格了：

Event Type	Bubbling phase
abort	×
beforeinput	√
blur	×
click	√
compositionstart	√
compositionupdate	√
compositionend	√
dblclick	√
error	×
focus	×
focusin	√
focusout	√
input	√
keydown	√
keyup	√
load	×
mousedown	√
mouseenter	×
mouseleave	×
mousemove	√
mouseout	√
mouseover	√
mouseup	√
resize	×
scroll	√
select	√
unload	×
wheel	√

Legacy Events（旧浏览器支持的非标准遗留事件）的 bubble 属性。

Event Type	Bubbling phase
DOMActivate	√
DOMAttrModified	√
DOMCharacterDataModified	√
DOMFocusIn	√
DOMFocusOut	√
DOMNodeInserted	×
DOMNodeInsertedIntoDocument	√
DOMNodeRemoved	×
DOMNodeRemovedFromDocument	√
DOMSubtreeModified	√
keypress	√

H5 还定义了一些新事件：

• media相关事件，都不冒泡
• drag相关事件 dragstart 、 drag 、 dragenter 、 dragexit 、 dragleave 、 dragover 、 drop 、 dragend均冒泡
• History相关事件：popstate，hashchange冒泡（从window开始……所以意义在哪里），pagetransition不冒泡

还有很多H5新事件，大多在草案阶段，就不一一翻开了。

此外，这里还有一个关于IE的事件列表,http://www.feiesoft.com/html/events.html

事件冒泡是我们实现事件代理（委托）的关键，在avalon1.6中，默认让能冒泡的事件都使用事件代理实现了！
var canBubbleUp = {

click: true`,`

dblclick: true`,`

keydown: true`,`

keypress: true`,`

keyup: true`,`

mousedown: true`,`

mousemove: true`,`

mouseup: true`,`

mouseover: true`,`

mouseout: true`,`

wheel: true`,`

mousewheel: true`,`

input: true`,`

change: true`,`

beforeinput: true`,`

compositionstart: true`,`

compositionupdate: true`,`

compositionend: true`,`

select: true`,`

cut: true`,`

paste:`true`,

focusin: true`,`

focusout: true`,`

DOMFocusIn: true`,`

DOMFocusOut: true`,`

DOMActivate: true`,`

dragend:`true`,

datasetchanged:`true`

}

if (!W3C) {

delete canBubbleUp.change

delete canBubbleUp.select

}

//....