js 事件冒泡或事件捕獲？

事件傳遞有兩種方式：冒泡 與捕獲

事件傳遞定義了元素事件觸發的順序。

如果你將 元素插入到 元素中，使用者點選 元素, 哪個元素的 "click" 事件先被觸發呢？

在 冒泡

中，內部元素的事件會先被觸發，然後再觸發外部元素，即： 元素的點選事件先觸發，然後會觸發 元素的點選事件

在 捕獲 中，外部元素的事件會先被觸發，然後才會觸發內部元素的事件，即： 元素的點選事件先觸發 ，然後再觸發 元素的點選事件

此方法共三個引數，而常用的只是前兩個，現在我們重點來看第三個

語法：element.addeventlistener(event, function,

usecapture)

第乙個引數是事件的型別 (如 "click" 或 "mousedown")

第二個引數是事件觸發後呼叫的函式

第三個引數是個布林值用於描述事件是冒泡還是捕獲。該引數是可選的

html

<

template
>
<
div 
class
="home"
>
<
div 
id="mydiv"
>
<
p id
="myp"
>點選段落，我是冒泡。
p>
div><
br>
<
div 
id="mydiv2"
>
<
p id
="myp2"
>點選段落，我是捕獲。 
				
JS事件冒泡與事件捕獲
1，ie只冒泡，w3c先捕獲再冒泡 鑑於我自己理解事件冒泡和捕獲的艱辛歷程 看了數篇博文之後，我猜這個問題是不是很難 後來發現不是，難是應用到高階的功能中 我要把此文寫得足夠輕便，新手易懂。為了方便測試 直接複製到html裡面 這個 很直觀了，事件冒泡 的過程 事件從發生的目標 event.srce...
				
js事件冒泡於事件捕獲
事件捕獲指的是從document到觸發事件的那個節點，即自上而下的去觸發事件。事件冒泡是自下而上 從最深節點開始，向上傳播事件 的觸發事件 1 例子23 4567 var d parent document.getelementbyid parent 8var d child document.ge...
				
js 事件冒泡和事件捕獲
1 冒泡型事件 事件按照從最特定的事件目標到最不特定的事件目標 document物件 的順序觸發。ie 5.5 div body document ie 6.0 div body html document mozilla 1.0 div body html document window 2 捕獲...