请解释事件委托(event delegation)。 事件委托是将事件监听器添加到父元素,而不是每个子元素单独设置事件监听器。当触发子元素时,事件会冒泡到父元素,监听器就会触发。这种技术的好处是: 内存占用减少,因为只需要一个父元素的事件处理程序,而不必为每个后代都添加事件处理程序。 无需从已删除的 ...
分类:
Web程序 时间:
2019-02-26 11:52:19
阅读次数:
165
下面举个例子 我们希望通过点击使得点击的li标签变红 普通写法 事件委托写法 我们发现以上两种方法都可以使所点击的li标签变红,效果上没有区别, 但是普通写法on是将事件加到li标签上面, 而事件委托delegate写法事件并没有加到li上面,而是加到了ul的上面,是$(this)触发的时候指向了l ...
分类:
其他好文 时间:
2019-02-18 23:14:21
阅读次数:
202
1.事件 2.批量操作 3.事件冒泡 4.事件委托 1.事件 常用事件 2.批量操作 当选中某个操作,按住shift,可以一起操作某个事件. 批量操作可以理解成,对一些事物,处理相同的操作的一个程序 3.事件冒泡: 事件冒泡可以理解为,触发了子事件,父事件也会跟着触发 4.事件委托: 事件委托是通过 ...
分类:
数据库 时间:
2019-02-18 12:52:52
阅读次数:
227
先看几道面试题 1. 描述下js里面的事件流 2. 默认情况下,事件是在冒泡阶段执行还是捕获阶段执行 3. 请简要说明事件委托原理和使用场景 4. 手写原生js实现事件代理,注意浏览器兼容 如果上面的面试题,您不能很顺利的作答,那么希望这篇文件对您能有一些帮助。如果出现错误,请您及时指正,谢谢。 什 ...
分类:
其他好文 时间:
2019-02-13 16:48:10
阅读次数:
167
<div id="ulbox" class="ulbox"> <a> <img src="../../dist/img/77014842_5.jpg" width="30px" /> <p>aaa</p> <span>111</span> <input type="radio" name="sex" ...
分类:
Web程序 时间:
2019-02-13 14:19:57
阅读次数:
198
【转】12-事件委托(事件代理) 什么是事件委托 通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。 举个列子:有三个同事预计会在周一收到快递。为签收快递,有两种 ...
分类:
其他好文 时间:
2019-02-07 19:00:47
阅读次数:
164
委托,相当于函数指针,是引用类型,有多播功能 委托的声明 public delegate double MyDelegate ( double x ); 委托的实例化 MyDelegated d2 = new MyDelegate( obj.myMethod ); 委托的调用 委托变量名(参数列表 ...
原文摘自:https://www.jianshu.com/p/1dd668ccc97a 不必记什么时候e.currentTarget和e.target相等,什么时候不等,理解两者的究竟指向的是谁即可。 e.target 指向触发事件监听的对象。 e.currentTarget 指向添加监听事件的对象 ...
分类:
其他好文 时间:
2019-01-30 18:33:32
阅读次数:
131
事件委托原理:事件冒泡机制; 优点: 1、可以大量节省内存占用,减少事件注册。比如ul上代理所有li的click事件就很不错; 2、可以实现当新增子对象时,无需再对其进行事件绑定,对于动态内容部分尤为适合; 缺点: 事件代理的常用应用应该仅限于上述需求,如果把所有事件都用事件代理,可能会出现事件误判 ...
分类:
其他好文 时间:
2019-01-30 16:14:38
阅读次数:
255
在jQuery1.7中 .delegate()已被.on()取代。对于早期版本,它仍然使用事件委托的最有效手段。 在事件绑定和委派,delegate()和on在一般情况下,这两种方法是等效的。 .delegate() 指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生 ...
分类:
Web程序 时间:
2019-01-29 15:00:39
阅读次数:
203