原生js事件委託

2021-08-29 18:27:48 字數 361 閱讀 1313

之前面試的時候就被問過,什麼是事件委託?

事件委託:給父元素繫結事件,用來監聽子元素的冒泡事件。也就是事件目標(子元素)不處理事件,把事件委託給父元素去處理。

看下圖理解事件冒泡:

事件委託的好處:不需要對每乙個子元素繫結事件,只需要在父元素上繫結事件,減少了操作dom節點的次數,從而減少瀏覽器的重載入,提高**的效能。

因此當子元素較多,需要對子元素進行監聽的時候,可以使用事件委託。

//原生js事件委託的例子,css部分可以忽略

>

>

對於原生js中的事件委託解析

在日常中,我們可能會聽到事件委託這樣的概念,有些同學可能對事件委託已經很了解了,也有些同學可能只是聽過事件委託,只是會簡單的使用,但是對於事件委託的原理不怎麼知道。所以該博文會解釋一下原生js的事件委託的原理,為什麼會有事件委託,為什麼可以這樣用事件委託等等問題。在解析事件委託之前,我們先回顧一下j...

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都綁上事件也可以啊,一...