js中的事件委託

1，什麼是事件委託：通俗的講，事件就是onclick，onmouseover，onmouseout，等就是事件，委託呢，就是讓別人來做，這個事件本來是加在某些元素上的，然而你卻加到別人身上來做，完成這個事件。

也就是：利用冒泡的原理，把事件加到父級上，觸發執行效果。

好處呢：1，提高效能。

我們可以看乙個例子：需要觸發每個li來改變他們的背景顏色。

1

window.onload = function()18}

19 oul.onmouseout = function
(ev)26}
27 }

好處2，新新增的元素還會有之前的事件。

我們還拿這個例子看，但是我們要做動態的新增li。點選button動態新增li

如：

不用事件委託我們會這樣做：

1 window.onload = function

()10 ali[i].onmouseout = function
()13}14
15 obtn.onclick = function
()21
2223 }

這樣做我們可以看到點選按鈕新加的li上面沒有滑鼠移入事件來改變他們的背景顏色。

因為點選新增的時候for迴圈已經執行完畢。

那麼我們用事件委託的方式來做。就是html不變

1 window.onload = function

()14
}15 oul.onmouseout = function
(ev)22}
23 obtn.onclick = function
()29 }

ok：如同在我們用微博中，新發微博照樣有之前的滑鼠事件。

**：事件

js中的事件委託

1，什麼是事件委託 通俗的講，事件就是onclick，onmouseover，onmouseout，等就是事件，委託呢，就是讓別人來做，這個事件本來是加在某些元素上的，然而你卻加到別人身上來做，完成這個事件。也就是 利用冒泡的原理，把事件加到父級上，觸發執行效果。好處呢 1，提高效能。我們可以看乙個...

js中的事件委託

1，什麼是事件委託 通俗的講，事件就是onclick，onmouseover，onmouseout，等就是事件，委託呢，就是讓別人來做，這個事件本來是加在某些元素上的，然而你卻加到別人身上來做，完成這個事件。也就是 利用冒泡的原理，把事件加到父級上，觸發執行效果。好處呢 1，提高效能。我們可以看乙個...

JS中的事件委託

什麼是事件委託 通俗的講，事件就是onclick，onmouseover，onmouseout，等就是事件，委託的呢就是讓別人來做，這個時間本來是加在某些元素上的，然而你卻加到別人身上來做，完成這個事件。原理 利用冒泡的原理，把事件加到父級上，觸發執行效果。優點 1.提高效能。例如 需要觸發每個li...