面试题:一个ul中有一千个li,如何给这一千个li绑定一个鼠标点击事件,当鼠标点击时alert出这个li的内容和li的位置坐标xy。 看到这个题目,我们一般首先想到的思路是,for循环,遍历1000次。这样的话1000次的循环,效率很低,如何提高。 可以考虑利用事件 ...
面试题:一个ul中有一千个li,如何给这一千个li绑定一个鼠标点击事件,当鼠标点击时alert出这个li的内容和li的位置坐标xy。 看到这个题目,我们一般首先想到的思路是,for循环,遍历 次。这样的话 次的循环,效率很低,如何提高。 可以考虑利用事件冒泡特性提高效率。主要是利用事件代理。 事件代理 Event Delegation ,又称之为事件委托。是 JavaScript 中常用绑定事件的 ...
2015-09-16 12:04 0 4698 推荐指数:
面试题:一个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 ...