面試題:一個ul中有一千個li,如何給這一千個li綁定一個鼠標點擊事件,當鼠標點擊時alert出這個li的內容和li的位置坐標xy。 看到這個題目,我們一般首先想到的思路是,for循環,遍歷1000次。這樣的話1000次的循環,效率很低,如何提高。 可以考慮利用事件冒泡特性提高效率。主要 ...
面試題:一個ul中有一千個li,如何給這一千個li綁定一個鼠標點擊事件,當鼠標點擊時alert出這個li的內容和li的位置坐標xy。 看到這個題目,我們一般首先想到的思路是,for循環,遍歷 次。這樣的話 次的循環,效率很低,如何提高。 可以考慮利用事件冒泡特性提高效率。主要是利用事件代理。 事件代理 Event Delegation ,又稱之為事件委托。是 JavaScript 中常用綁定事件的 ...
2016-09-01 15:59 0 3584 推薦指數:
面試題:一個ul中有一千個li,如何給這一千個li綁定一個鼠標點擊事件,當鼠標點擊時alert出這個li的內容和li的位置坐標xy。 看到這個題目,我們一般首先想到的思路是,for循環,遍歷1000次。這樣的話1000次的循環,效率很低,如何提高。 可以考慮利用事件冒泡特性提高效率。主要 ...
今天面試某家公司Web前端開發崗位,前面的問題回答的都還算湊活,並且又問了一下昨天面試時做的一道數組去重問題的解題思路(關於數組去重問題,可以觀賞我前幾天寫的:http://www.cnblogs ...
給需要的地方添加一個id 然后給這個id添加點擊事件 ...
一步一步來說說事件委托(或者有的資料叫事件代理) js中事件冒泡我們知道,子元素身上的事件會冒泡到父元素身上。 事件代理就是,本來應該加在子元素身上的事件,我們卻把事件加在了其父級身上。 那就產生了問題:父級那么多子元素,怎么區分事件本應該是哪個子元素的? 答案是:event ...
需求:需要在echarts tooltip點擊學校的名稱,跳轉到詳情頁面;項目是從上海市---> 某個區----> 具體的學校(在最后一級的tooltip中綁定一個點擊事件) ‘ 項目是用vue和echarts實現的,echarts是新版本(^5.0.2),並不能把點擊事件 ...
這個 button 元素沒有使用事件代理,即沒有代理任何子元素的事件。 事件代理的意思是,你要為一個元素綁定事件,但 ...
var aLi = document.querySelectorAll('.article-tab li'); for (var i = 0; i <= aLi.length; i++) { (function(){ var p = i ...
以上為效果圖,參考鏈接:https://www.jianshu.com/p/cc93b3b72be61.tooltip中添加綁定事件 tooltip: { triggerOn: 'click ...