（1）.什么是事件委托？子元素的事件委托给父元素，而不是分给子元素自己去绑定事件，然后触发事件的时候找到对应的event.target
是指利用事件冒泡，只指定一个事件处理程序，来管理某一类型的所有事件（2）.为什么要用事件委托？因为在js中添加到页面的事件处理程序个数会影响到页面的整体运行性能
其次对列表逐个添加事件处理程序太过于麻烦，所以，事件委托极大地提高了页面运行的性能
通过for循环给
转载
2023-11-06 19:24:14
92阅读
确实在写jquery事件过程中始终绕不开一个问题就是事件的冒泡。
jquery的事件冒泡过程
在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级
转载
2023-12-12 10:43:04
51阅读
一、事件委托函数：方法名说明语法 （events 事件类型，data数据，handler 事件处理函数，selector 选择器）live用于为指定元素的一个或多个事件绑定事件处理函数。jQueryObject.live( events [, data ], handler ) jQueryObject.one( eventObjec
转载
2023-10-25 14:45:34
53阅读
在我的另外一篇文章 解析Javascript事件冒泡机制里的最后，从冒泡机制的角度谈了一点对Javascript 事件委托的理解。现在单独把事件委托 拿出来和大家探讨一下。什么是委托？ 所谓的委托，现实意义上讲是指将自己的事务嘱托他人代为处理。比如说甲委托乙去做某些事儿，那么，甲则是委托人，乙是被委托人。真正做事情的是乙，即被委托人，
简单以jQuery的 on() 方法为例说明：API： .on( events [, selector ] [, data ][, handler]) 如果on()方法的selector 参数为空，事件处理程序就被称为直接绑定。每当在被绑定元素上(如下例中被绑定的document元素，译者注)发生事件时，无论这个事件发生在这个元素上还是从内层元素经冒泡而来，该处理
转载
2023-08-09 21:07:59
323阅读
随着DOM结构的复杂化和Ajax等动态脚本技术的运用，事件委托自然浮出了水面。jQuery为绑定和委托事件提供了.bind()、.live()和.delegate()方法。本文在讨论这几个方法内部实现的基础上，展示它们的优劣势及适用场合。
[size=xx-large]事件委托[/size]
事件委托的事例在现实当中比比皆是。比如，有三个同事预计会在周
转载
2023-08-16 16:40:23
50阅读
1.jQuery事件委托什么是事件委托请别人帮忙做事情，然后将做完的结果返回给我们,具体来说事件委托就是元素目标自身不处理的事件，而是把处理任务委托给其父元素或者祖先元素，甚至根元素（document）为什么要用事件委托比如给一个ul里面的几个li添加额事件，但是如果动态又生成了li则刚刚生成的li就不具备事件，这时就需要用到事件委托事件委托原理事件委托就是利用事件冒泡原理实现的！ 复习一下什么是
转载
2023-11-27 00:40:40
38阅读
【转+自己的修改】概念： 什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。 举个列子：有三个同事预计会在周一收到快递。为签收快递，有两种办法：一是三个人在公司门口等快递；二是委托给前台MM代为签收。现实当中，我们大都采用委托的方案（公司也不
转载
2023-10-20 13:05:59
82阅读
事件委托的原理事件委托（委派）是利用JavaScript的事件冒泡机制，指定一个事件处理程序，就可以管理某一类型的所有事件。
通俗的来讲（此处引用前端大牛的例子），就是：
有三个同事预计会在周一收到快递。为签收快递，有两种办法：一是三个人在公司门口等快递；二是委托给前台
MM代为签收。现实当中，我们大都采用委托的方案（公司也不会容忍那么多员工站在门口就为了等快递）。前台MM收
到快递后，她会判
转载
2023-08-20 22:27:40
60阅读
jQuery事件委托处理流程分析jQuery.event.add的时候已经分析了事件绑定，再把绑定的部分源码抽出来if ( !(eventHandle = elemData.handle) ) {
eventHandle = elemData.handle = function( e ) {
//当一个事件被调用后页面已经卸载，则放弃jQuery.event
转载
2023-08-09 17:15:23
145阅读
在使用 jQuery 进行开发时，“on 委托”是一个非常重要的概念，用于增强事件处理的灵活性和性能。通过将事件监听器附加到父元素上，我们可以处理未来派生的子元素的事件，而无需为每个子元素单独添加监听器。这样以来，对于动态生成的元素就能有效地管理事件。在本文中，我们将深入探讨 jQuery on 委托的使用，并结合备份策略、恢复流程、灾难场景、工具链集成、日志分析及案例分析的结构来展示相关的技术和
# 理解 jQuery 委托
## 什么是 jQuery 委托？
jQuery 委托（Event Delegation）是一种事件处理方式，它通过将事件绑定到父元素，而不是直接绑定到每个子元素，从而提高性能和灵活性。这种方法特别适用于动态创建的元素。
## 实现步骤
我们可以将实现 jQuery 委托的过程分为以下几个步骤：
| 步骤 | 描述 |
|------|------|
| 第
原创
2024-10-15 06:46:12
14阅读
参考文章 jQuery的方法bind,live,delegate,on的区别一、on方法on() 为指定的元素,添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。使用
on() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）$(selector).on(event,childselector,data,function)event： 必需项；添加到元素的一个或多
转载
2023-11-07 08:22:16
103阅读
-------数不清第几次复习jQuery了，还是不记得(～﹃～)~，感觉写一次博客就能记住，并且便于复习和查阅，开开心心的复习以下jQuery事件对象及事件委托吧！1.jQuery事件绑定jQuery中有两种绑定事件方式.eventName(fn); 编码效率略高/ 部分事件jQuery没有实现,所以不能添加.on(eventName, fn); 编码效率略低/ 所有js事件都可以添加注意点:二
转载
2024-03-11 13:28:12
46阅读
jQuery事件冒泡： click mouseenter 等事件没有绑定 也会触发，只是触发后没有任何结果 子元素触发事件后，会把触发事件传递给父元素，那么父元素也会被触发。 不管有没有绑定事件，都会触发事件，只是没有结果，事件冒泡传递还是会发生 系统自动产生的event事件对象 function传的第一个参数就是event事件对象 1 event.stopPropagation();
转载
2024-06-13 08:37:45
93阅读
jQuery为我们提供了一个非常丰富好用的事件API，相对于浏览器自身的事件接口，jQuery有以下特点：1. 对浏览器进行了兼容性处理，用户使用不需要考虑浏览器兼容性问题2. 事件数据是保持在内部缓存中的，而不是保持在DOM节点上3. 事件委托机制，提供了一个非常简单的事件委托使用方法4. 自定义事件，不仅仅是浏览器事件，可以创建自定义事件5. 辅助功能，比如命名空间，事件数据等等那么下面就来看
转载
2023-11-11 09:31:38
107阅读
目的——为了减少对DOM的操作，使用事件委托。理解——举例说明：有三个同事预计会在周一收到快递。为签收快递，有两种办法：一是三个人在公司门口等快递；二是委托给前台MM代为签收。现实当中，我们大都采用委托的方案（公司也不会容忍那么多员工站在门口就为了等快递）。前台MM收到快递后，她会判断收件人是谁，然后按照收件人的要求签收，甚至代为付款。这种方案还有一个优势，那就是即使公司里来了新员工（不管多少），
转载
2023-10-03 19:31:18
44阅读
首先看一下DOM树：当我们点击一个事件的时候，其触发了连接元素的单击事件，该事件则引发任何我们已经绑定到该元素的单击事件上的函数的执行。例如： $('a').bind('click',function(){
alert("hello world");
})click事件接着会向树的根方向传播最终会传播到window对象，在操纵DOM的语境中，document是根节点。1：.bind()事
转载
2023-12-18 07:03:53
118阅读
事件委托：让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！一、bind()方法 （只能给已经存在的元素上绑定事件）只能给调用它的时候已经存在的元素绑定事件，不能给未来新增的元素绑定事件。二、live()方法（绑定到document DOM节点上。和.bind()的优势是支持动态数据）jQuery 1.3新增的.live()方法代替.bind()方法。live()方法会把click
转载
2024-03-13 19:16:38
35阅读
以个人前端工作面试经历来看，javascript事件
委托是问的最多的一类题目之一，熟悉事件
委托能够了解你对于javascript的掌握程度。面试官可能问一下问题，现在有5个li待办事件，需要
实现当点击一个li时
实现弹出该li的信息<ul class="top"> <li>橘子</li> <li>香蕉</li> <l
转载
2023-10-19 20:15:39
39阅读
