以个人前端工作面试经历来看,javascript事件委托是问的最多的一类题目之一,熟悉事件委托能够了解你对于javascript的掌握程度。 面试官可能问一下问题,现在有5个li待办事件,需要实现当点击一个li时实现弹出该li的信息 <ul class="top"> <li>橘子</li> <li> ...
分类:
编程语言 时间:
2017-06-17 22:40:50
阅读次数:
184
一. 事件委托什么是事件委托?用现实中的理解就是:有100 个学生同时在某天中午收到快递,但这100 个学生不可能同时站在学校门口等,那么都会委托门卫去收取,然后再逐个交给学生。而在jQuery 中,我们通过事件冒泡的特性,让子元素绑定的事件冒泡到父元素(或祖先元素)上,然后再进行相关处理即可。如果 ...
分类:
编程语言 时间:
2016-12-01 13:59:09
阅读次数:
294
事件委托 例如ul中有很多li,一般是给li上添加事件 若想提高性能,需要将事件委托给li的父元素ul 方法 ↓ 解决方法就是采用事件委托,将在li 对象上面要处理的事件委托给父元素或者祖先元素,即为父元素绑定事件监听。修改代码如下所示:<script>(function () { var a = ...
分类:
编程语言 时间:
2016-11-27 16:29:43
阅读次数:
171
如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器;相反,事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件,找到是哪个子元素的事件。基本概念非常简单,但仍有很多 ...
分类:
编程语言 时间:
2016-11-14 20:24:41
阅读次数:
212
事件委托(event delegation)是在DOM上层(也就是在触发事件的元素的父元素上)定义事件的处理程序,而不是定义在触发事件的元素本身上。 ...
分类:
编程语言 时间:
2016-11-02 01:33:17
阅读次数:
245
如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器;相反,事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件,找到是哪个子元素的事件。基本概念非常简单,但仍有很多 ...
分类:
编程语言 时间:
2016-10-14 14:25:59
阅读次数:
218
优点:1.利用冒泡原理提高性能 2.动态添加的子元素可以得到事件 ...
分类:
编程语言 时间:
2016-10-07 18:12:17
阅读次数:
129
事件委托:利用事件冒泡的原理,把事件添加到父级或祖先元素上,来触发执行效果. 好处: 1.提高性能. 2.未来添加进来的元素,身上依然能触发事件. ...
分类:
编程语言 时间:
2016-06-28 23:33:07
阅读次数:
233
事件委托 event delegation 一、概念: 假设我们有很多个子元素,每个元素被点击时都会触发相应事件,普通的做法是给每个子元素添加一个事件监听。 而,事件委托则是给它们的父元素添加一个事件监听器,子元素上没有任何事件监听。当子元素被点击时,这个点击事件冒泡到父元素上,然后父元素上绑定的事 ...
分类:
编程语言 时间:
2016-05-04 18:35:56
阅读次数:
138
在引入事件委托之前,首先来看下面这个例子:点击改变li的背景颜色。
分类:
编程语言 时间:
2016-03-14 09:26:19
阅读次数:
170