DOM中的捕獲與冒泡

2021-08-17 21:11:28 字數 1504 閱讀 1860

b2. addeventlistener(

'click',

function())

b2.addeventlistener(

'click',

function())

a8.addeventlistener(

"click",

function(),

true)

a8.addeventlistener(

"click",

function(),

false)

body.

addeventlistener(

"click",

function(),

false)

body.

addeventlistener(

"click",

function(),

true)

parent.

addeventlistener(

"click",

function(),

true)

parent.

addeventlistener(

"click",

function(),

false)

1.button 元素的預設type=="submit" 

eg:body.

addeventlistener(

"click",

function(

event),

true)

event.srcelement 指向事件觸發的元素 event.currenttarget 指向事件繫結的元素  this指向事件繫結的元素

引出事件委託

stoppropagation()阻止事件繼續捕獲或者冒泡,

stopimmediatepropagation 阻止事件繼續捕獲或者冒泡及該元素後面繫結的事件

body.

onclick=

function()

addbtn.

addeventlistener(

"click",

handler,

true);

addbtn.

addeventlistener(

"click",

function(),

true);

addbtn.

addeventlistener(

"click",

function(),

true);

addbtn.

addeventlistener(

"mouseout",

function(),

true);

addbtn.

addeventlistener(

"mouseenter",

handler,

true); }

varhandler=

function(

event) }

DOM元素的事件捕獲和冒泡

b 事件 當html頁面上發生乙個事件時,每個層次上的dom元素都有機會處理這個事件。以下面的html 為例 how are you 該頁面在瀏覽器上呈現的效果如下圖 html頁面呈現的效果 如果單擊了頁面中的a 錨 元素,那麼,和元素全都應該得到響應這次單擊的機會。因為這 3個元素同時都處於使用者...

JavaScript中事件冒泡與事件捕獲

如圖 現在有3個巢狀div,且都有onclick事件,當div 3被單擊時,依次觸發div 3 div 2 div 1的click事件。這就是事件冒泡 當乙個事件被觸發時,依次由最上層元素 div 3 向下遍歷並執行該元素及父元素相同事件的過程就是事件冒泡。當事件由最底層 div 1 向上遍歷並執行...

事件捕獲與事件冒泡

事件傳播模型 事件捕獲和事件冒泡兩個過程 即事件先到達根元素,再從根元素一層一層向下傳播到目標元素,然後再一層一層向上傳到根元素。one twothree four var one document.getelementbyid one var two document.getelementbyid...