讓人省心的事件委託

2021-06-26 23:59:50 字數 703 閱讀 6938

事件委託:利用冒泡的原理把實踐新增到父元素級別上,觸發執行效果。

時間委託優點:

1.提高效能,不用for迴圈遍歷所有li,節省效能。

2.新新增的元素還會有原來之前的事件。

先看時間委託提高的效能吧,乙個常見的效果,滑鼠經過列表背景變紅,滑鼠移走取消背景色。下面**是沒使用時間委託:

很顯然那個for迴圈就是效能的主要浪費者,就這5個標籤還好,倘若有成千上百個呢?使用時間委託就不用考慮這些了:

oul.οnmοuseοver=function(ev){

var ev=ev||window.event;

代表事件源,事件發生在誰身上誰就是事件源,ev.srcelement是相容ie

var target=ev.target||ev.srcelement;

//if(target.is("li")) //判斷是否為li標籤

if(target.nodename.tolowercase()=='li')//判斷事件源是否為,目的是為排除

以上**執行效果如下圖所示,新插入的標籤依然與生俱來之前的事件:

事件委託的例子

using system using system.collections.generic using system.text namespace eventhanldertest 4.定義事件處理程式 public mytext onchanged object sender,eventargs ...

jqurey的事件委託

1.什麼是事件委託?事件委託是利用事件冒泡來實現,只指定乙個事件處理程式 來管理某一型別的所有事件。2.為什麼要用事件委託 1 在js中新增到頁面的事件處理程式的個數直接關係到頁面的整體載入速度 因為每個事件處理程式都是乙個物件,物件會占用記憶體。物件越多需要載入的記憶體就越多 2 有很多個資料的 ...

js的事件委託

顧名思義事件委託就是把自己的事情委託給別人去做,事件呢就是比如 onclick onmouseover onmouseout 可以委託到別人的身上去做。利用事件冒泡原理把事件新增到父級上來執行新增效果 好處 效能好 通常我們給一堆 li 新增事件會使用for迴圈新增這樣新增的效能不是很好,那麼事件委...