js實現事件委派

2022-08-10 20:48:15 字數 540 閱讀 6719

事件委派,通俗的說就是將元素的事件委託給它的父級或者更外級的元素處理,它的實現機制就是事件冒泡。

//

使用函式封裝事件委派功能

//第乙個引數是被事件委派元素也就是(事件委派者的父元素)

//第二個引數是事件的型別比如'click'事件

//第三引數是事件委派者元素的選擇器

//第四個引數是事件執行函式

function

delegate(element, eventtype, selector, fn)

el =el.parentnode;

}//如果el=null,則未在事件委派者元素上觸發事件,則不執行事件函式

//否則使用函式原型上的call方法執行事件函式,

//使用call的形式執行可以使事件函式引數更靈活的設定

el &&fn.call(el, e, el)

});//返回被事件委派元素物件,也可以不返回;

return

element

}

以上內容的編寫參考自:

事件的委派

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

事件的委派

有的時候,需要實現乙個列表發生響應事件,但是新新增的也實現,又可以提高效能的方法 btno1 新增新鏈結 for var i 0 i 但是 為每個超連結都繫結乙個單擊函式 這裡我們為每個超連結都繫結乙個單擊響應函式,這種操作比較麻煩,而且這些操作只能為已有的超連結設定事件,而新新增的的超連結必須重新...

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

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