顧名思義事件委託就是把自己的事情委託給別人去做,事件呢就是比如 onclick onmouseover onmouseout 可以委託到別人的身上去做。
利用事件冒泡原理把事件新增到父級上來執行新增效果
好處:效能好
通常我們給一堆 li 新增事件會使用for迴圈新增這樣新增的效能不是很好,那麼事件委託就比for迴圈效能好,**如下:
doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>document
title
>
head
>
<
body
>
<
ul id
="ul"
>
<
li>aaaaaaaa
li>
<
li>bbbbbbbb
li>
<
li>33333333
li>
ul>
<
script
>
varul
=document.getelementbyid('ul
');ul.onmouseover
=function
(e) }
ul.onmouseout
=function
(e) }
script
>
body
>
html
>
js事件委託
乙個ul列表,裡邊有乙個1000個li元素,如何為這1000個li元素新增click事件?function false 參考文章 作為閉包使用的 function 已知ab兩個有序陣列,a陣列長度m,b陣列長度n,請最多迴圈m n次找出a,b陣列中相同的元素 對 事件處理程式過多 問題的解決方案就是...
js事件委託
事件委託 通俗的講把自己應該做的事情交給別人去做,也就是利用冒泡原理,把這個這個事件交給父級或祖先去觸發執行效果。用例項來說。需求是這樣的 滑鼠放到li上對應的li背景變灰。利用事件冒泡實現 ul on mouseover function e 也許有人會說,我們直接給所有li都綁上事件也可以啊,一...
js事件委託
在給多個標籤定義乙個事件的時候我們不會給每個dom都新增乙個事件浪費很多的資源,為此可以使用js的事件委託。在圖靈社群上給事件委託是這樣定義的 事件委託就是事件目標自身不處理事件,把事件委託給父元素或者祖先元素,甚至根元素。這裡註明文章出處 自己寫了乙個demo 給ul下的每個li新增乙個click...