筆記 JS的事件冒泡 和 事件捕獲

2021-09-16 20:22:50 字數 932 閱讀 4508

事件捕獲指的是從document到觸發事件的那個節點,即自上而下的去觸發事件。

事件冒泡自下而上(從最深節點開始,向上傳播事件)的觸發事件

//例子

var d_parent = document.getelementbyid("parent");

var d_child= document.getelementbyid("child");

d_parent.addeventlistener("click",function(e))

d_child.addeventlistener("click",function(e))

//結果:

//child事件被觸發,child

//parent事件被觸發,parent

//結論:先child,然後parent。事件的觸發順序自內向外,這就是事件冒泡。

繫結事件方法的第三個引數,就是控制事件觸發順序是否為事件捕獲。預設false,即事件冒泡。

true,事件捕獲;false,事件冒泡。

var d_parent = document.getelementbyid("parent");

var d_child= document.getelementbyid("child");

d_parent.addeventlistener("click",function(e),true)

d_child.addeventlistener("click",function(e),true)

//結果:

//parent事件被觸發,parent

//child事件被觸發,child

//結論:先parent,然後child。事件觸發順序變更為自外向內,這就是事件捕獲。

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 捕獲...

Js冒泡事件和捕獲事件

js中冒泡事件和捕獲事件 冒泡事件 冒泡事件是從裡向外,即是從被繫結元素開始一直向外到達頁面的所有祖先元素都會被觸發,這 一過程被稱為事件冒泡。這個事件從原始元素開始一直冒泡到dom樹的最上層 捕獲事件 捕獲事件是從頁面的最上層到被繫結元素都會觸發。ie只支援事件冒泡,不支援事件捕獲 冒泡事件和捕獲...

JS的事件冒泡和事件捕獲

先上結論 他們是描述事件觸發時序問題的術語。事件捕獲指的是從document到觸發事件的那個節點,即自上而下的去觸發事件。相反的,事件冒泡是自下而上的去觸發事件。繫結事件方法的第三個引數,就是控制事件觸發順序是否為事件捕獲。true,事件捕獲 false,事件冒泡。預設false,即事件冒泡。jqu...