js中的事件捕獲和事件捕獲

2021-08-27 18:43:42 字數 882 閱讀 5099

事件流的三個階段:

事件捕獲階段

目標階段

事件冒泡事件

關於這三個階段的介紹網上已經有很多介紹了,在這裡不做介紹。本文主要說下需要注意的一點:當在事發元素上即繫結了捕獲事件又繫結了冒泡事件時,事發元素上的執行順序由事件註冊順序決定。

如:

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

var s = document.getelementbyid("son");

p.addeventlistener("click", function(e), true);

p.addeventlistener("click", function(e), false);

s.addeventlistener("click", function(e), true);

s.addeventlistener("click", function(e), false);

執行結果為:

父元素捕獲

子元素捕獲

子元素冒泡

父元素冒泡

但是,當改變事件繫結事件時,即

p.addeventlistener("click", function(e), true);

p.addeventlistener("click", function(e), false);

s.addeventlistener("click", function(e), false);

s.addeventlistener("click", function(e), true);

執行結果為:

父元素捕獲

子元素冒泡

子元素捕獲

父元素冒泡

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