事件的委派

2022-05-06 13:24:10 字數 669 閱讀 1180

有的時候,需要實現乙個列表發生響應事件,但是新新增的也實現,又可以提高效能的方法

"

btno1

">新增新鏈結

for (var i =0 ; i)

//}

但是/*

* 為每個超連結都繫結乙個單擊函式

* 這裡我們為每個超連結都繫結乙個單擊響應函式,這種操作比較麻煩,

* 而且這些操作只能為已有的超連結設定事件,而新新增的的超連結必須重新繫結。

* 下面這種新加的超連結,都無效的,所以需要想其他的方法。*/*

* 我們希望只繫結一次事件,即可用在多個元素上,即使元素是後新增的。

* 我們可以嘗試將其繫結給元素的共同的祖先元素

* 為ul繫結乙個單擊響應函式,這時候就應用到了事件冒泡去實現。叫做事件的委派。

* 事件的委派:

* - 值將事件統一繫結給元素的共同的祖先元素,這樣當後代上的事件觸發時,會一直冒泡到祖先元素,

* 從而通過祖先元素的響應函式來處理事件

* 事件的委派是利用了冒泡,通過委派可以減少事件繫結的次數,提高程式的效能。

*/

ul.onclick = function(event

)

}

事件的委派

必須宣告事件的委派類。如 public delegate void meltdownhandler object reactor,meltdowneventargs mymea 全部的事件處理器委派都必須返回void並接受兩個引數。第乙個引數為物件,它代表產生事件的物件 在下面例子中,表示可能熔化的...

事件捕獲事件冒泡事件委派

當事件發生時,事件從dom樹頂層節點,一直傳播到目標節點,這個階段就叫做事件捕獲階段 當事件發生時,事件從目標節點,一直傳播到dom樹頂層節點,這個階段就叫做事件冒泡階段 當事件發生時,事件傳播順序為 事件捕獲階段 事件目標階段 事件冒泡階段 function stopbubble e else f...

js實現事件委派

事件委派,通俗的說就是將元素的事件委託給它的父級或者更外級的元素處理,它的實現機制就是事件冒泡。使用函式封裝事件委派功能 第乙個引數是被事件委派元素也就是 事件委派者的父元素 第二個引數是事件的型別比如 click 事件 第三引數是事件委派者元素的選擇器 第四個引數是事件執行函式 function ...