原文:關於JavaScript中的事件代理(例子:ul中無數的li上添加點擊事件)

面試題:一個ul中有一千個li,如何給這一千個li綁定一個鼠標點擊事件,當鼠標點擊時alert出這個li的內容和li的位置坐標xy。 看到這個題目,我們一般首先想到的思路是,for循環,遍歷 次。這樣的話 次的循環,效率很低,如何提高。 可以考慮利用事件冒泡特性提高效率。主要是利用事件代理。 事件代理 Event Delegation ,又稱之為事件委托。是 JavaScript 中常用綁定事件的 ...

2016-09-01 15:59 0 3584 推薦指數:

查看詳情

關於JavaScript事件代理例子ul無數li添加點擊事件

面試題:一個ul中有一千個li,如何給這一千個li綁定一個鼠標點擊事件,當鼠標點擊時alert出這個li的內容和li的位置坐標xy。 看到這個題目,我們一般首先想到的思路是,for循環,遍歷1000次。這樣的話1000次的循環,效率很低,如何提高。 可以考慮利用事件冒泡特性提高效率。主要 ...

Wed Sep 16 20:04:00 CST 2015 0 4698
關於JavaScript事件代理

  今天面試某家公司Web前端開發崗位,前面的問題回答的都還算湊活,並且又問了一下昨天面試時做的一道數組去重問題的解題思路(關於數組去重問題,可以觀賞我前幾天寫的:http://www.cnblogs ...

Wed Sep 16 07:18:00 CST 2015 2 1661
JS事件委托(事件代理

一步一步來說說事件委托(或者有的資料叫事件代理) js事件冒泡我們知道,子元素身上的事件會冒泡到父元素身上。 事件代理就是,本來應該加在子元素身上的事件,我們卻把事件加在了其父級身上。 那就產生了問題:父級那么多子元素,怎么區分事件本應該是哪個子元素的? 答案是:event ...

Mon Dec 24 01:29:00 CST 2018 0 16570
vue在echarts tooltip添加點擊事件

需求:需要在echarts tooltip點擊學校的名稱,跳轉到詳情頁面;項目是從上海市---> 某個區----> 具體的學校(在最后一級的tooltip綁定一個點擊事件) ‘ 項目是用vue和echarts實現的,echarts是新版本(^5.0.2),並不能把點擊事件 ...

Mon Nov 22 22:13:00 CST 2021 13 2802
要小心 JavaScript事件代理

這個 button 元素沒有使用事件代理,即沒有代理任何子元素的事件事件代理的意思是,你要為一個元素綁定事件,但 ...

Thu May 28 01:10:00 CST 2020 14 1367
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM