文章摘抄?http://www.jb51.net/article/42492.htm

?

事件捕獲階段：事件從最上一級(jí)標(biāo)簽開始往下查找，直到捕獲到事件目標(biāo)(target)。
事件冒泡階段：事件從事件目標(biāo)(target)開始，往上冒泡直到頁面的最上一級(jí)標(biāo)簽。

假設(shè)一個(gè)元素div，它有一個(gè)下級(jí)元素p。
<div>
　　<p>元素</p>
</div>
這兩個(gè)元素都綁定了click事件，如果用戶點(diǎn)擊了p，它在div和p上都觸發(fā)了click事件，那這兩個(gè)事件處理程序哪個(gè)先執(zhí)行呢？事件順序是什么？
?
兩種模型
以前，Netscape和Microsoft是不同的實(shí)現(xiàn)方式。

Netscape中，div先觸發(fā)，這就叫做事件捕獲。

Microsoft中，p先觸發(fā)，這就叫做事件冒泡。

兩種事件處理順序剛好相反。IE只支持事件冒泡，Mozilla, Opera 7 和 Konqueror兩種都支持，舊版本的Opera's 和 iCab兩種都不支持 。

事件捕獲
當(dāng)你使用事件捕獲時(shí)，父級(jí)元素先觸發(fā)，子級(jí)元素后觸發(fā)，即div先觸發(fā)，p后觸發(fā)。

事件冒泡
當(dāng)你使用事件冒泡時(shí)，子級(jí)元素先觸發(fā)，父級(jí)元素后觸發(fā)，即p先觸發(fā)，div后觸發(fā)。

W3C模型
W3C模型是將兩者進(jìn)行中和，在W3C模型中，任何事件發(fā)生時(shí)，先從頂層開始進(jìn)行事件捕獲，直到事件觸發(fā)到達(dá)了事件源元素。然后，再從事件源往上進(jìn)行事件冒泡，直到到達(dá)document。

程序員可以自己選擇綁定事件時(shí)采用事件捕獲還是事件冒泡，方法就是綁定事件時(shí)通過addEventListener函數(shù)，它有三個(gè)參數(shù)，第三個(gè)參數(shù)若是true，則表示采用事件捕獲，若是false，則表示采用事件冒泡。

ele.addEventListener('click',doSomething2,true)

true=捕獲

false=冒泡

傳統(tǒng)綁定事件方式
在一個(gè)支持W3C DOM的瀏覽器中，像這樣一般的綁定事件方式，是采用的事件冒泡方式。

ele.onclick = doSomething2

IE瀏覽器
如上面所說，IE只支持事件冒泡，不支持事件捕獲，它也不支持addEventListener函數(shù)，不會(huì)用第三個(gè)參數(shù)來表示是冒泡還是捕獲，它提供了另一個(gè)函數(shù)attachEvent。

ele.attachEvent("onclick", doSomething2);

附：事件冒泡（的過程）：事件從發(fā)生的目標(biāo)（event.srcElement||event.target）開始，沿著文檔逐層向上冒泡，到document為止。

事件的傳播是可以阻止的：
? 在W3c中，使用stopPropagation（）方法
? 在IE下設(shè)置cancelBubble = true；
在捕獲的過程中stopPropagation（）；后，后面的冒泡過程也不會(huì)發(fā)生了~
3.阻止事件的默認(rèn)行為，例如click <a>后的跳轉(zhuǎn)~
? 在W3c中，使用preventDefault（）方法；
? 在IE下設(shè)置window.event.returnValue = false;
4.哇，終于寫完了，一邊測(cè)試一邊寫的額，不是所有的事件都能冒泡，例如：blur、focus、load、unload，（這個(gè)是從別人的文章里摘過來的,我沒測(cè)試）。