javascript中的事件委托的简单介绍

事件代理和事件委托

事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件，事件委托又叫事件代理。举一个通俗的例子：有三个同事预计会在周一收到快递。

事件委托也叫事件代理，就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。

事件代理和事件委托实际上说的是同一件事，只是站在不同的角度来说的。比如说元素A把事件处理委托给自己的父元素B去处理，那么A就是事件委托方，而B就是事件代理方，两者参与的实际上是同一件事。

相关问答

Q1: 如何理解事件委托?事件委托的优缺点有哪些?

1、事件委托缺点：事件委托基于冒泡，对于不冒泡的事件不支持 层级过多，冒泡过程中，可能会被某层阻止掉。理论上委托会导致浏览器频繁调用处理函数，虽然很可能不需要处理。

2、事件捕获：当某个元素触发某个事件（如onclick），顶层对象document就会发出一个事件流，随着DOM树的节点向目标元素节点流去，直到到达事件真正发生的目标元素。在这个过程中，事件相应的监听函数是不会被触发的。

3、委托在方法和调用方之间建立了间接性。 事件是基于委托的通信机制。如果一个对象的状态改变了，我们可能希望将这种改变通知给外界。从实现角度看，“通知”其实就是调用接收方的方法。

4、委托和事件在.NET Framework中的应用非常广泛，然而，较好地理解委托和事件对很多接触C#时间不长的人来说并不容易。

5、委托可以将方法作为参数传递给方法。 事件是特殊的代表拓展资料事件的定义是比较有意义的，会对一定的人群产生一定的影响。 在物理学中，事件是由其时间和空间指定的时间和空间中的一个点。 事件由信息子安排引发。

6、把具体dom上发生的事件，委托给更大范围的dom去处理。好比送信员，如果每次都把信件送给每一户，非常繁琐。但是如果交给一个大范围的管理者，比如小区的传达室，那么事情会变得非常简单。

Q2: 原生js如何绑定a连接点击事件?

1、直接在HTML元素中使用事件属性 在HTML元素中直接添加事件属性是最简单的事件绑定方式。

2、在function(e){}函数体中用语句 e.preventDefault()；(#id).click(function(e) { e.preventDefault()；})；错在：这个是jquery代码，没有加载jquery库就不能运行，其次，这个return false不对。

3、用这个自定义属性作为判断依据），如果触发事件的元素是你要的链接，就执行相应的代码。这样只在整个document上注册一个click事件，就可以统一处理所有链接的点击事件了。如果还不明白可以继续问我。

4、将a标签，绑定onclick事件，即可实现需要的功能。具体HTML代码：a href=javascript：void(0) onclick=chaXunCheCi(this.innerHTML)538路/a代码解释：onclick是对a标签进行点击事件绑定。chaXunCheCi是原来的函数。

5、js文件的addJs事件，见下图，转到下面的步骤。第六步，执行完上面的操作之后，保存html文件，使用浏览器将其打开，然后单击按钮以查看弹出窗口，表明js文件已成功引入，见下图。这样，以上的问题就解决了。

6、在index.html的script标签中，输入js代码：window.location.href = http：// + $(div a).attr(href)；。浏览器运行index.html页面，此时取出了div中a标签中的百度知道链接并自动点击跳转了。

Q3: 什么是委托?委托和事件是什么关系?

委托实质上是一个类，是对方法的封装，委托内部有三个重要成员：目标，方法，前一个委托。普通代码里这样调用方法： aBird.Fly()； 封装到委托里，aBird 就是目标，Fly 就是方法。

简单的说，委托就是一个方法容器，可以加载多个具有相同签名的方法引用地址。 调用委托相当于同时调用容器中的所有方法。 委托可以将方法作为参数传递给方法。

委托是一种引用方法的类型。一旦为委托分配了方法，委托将与该方法具有完全相同的行为。

委托主要就是提供间接调用、构建双向系统用的，他为消息模型和多线编程提供了基础。再说说事件，事件并不是一种类型，它是一个方法，它是为了简化委托的注册而出现的。

事件就是委托的一种特殊的封装形式，两者是包含关系。委托，我在题主另一个问题中回答了：http：//zhidao.baidu.com/question/98238748669973461html 事件是对象发送的消息。

委托就是让别人替自己行使权利的。事件就是所有的单个的事情都可以称之为事件，如果是具有内在联系的一系列事件也是可以称之为事件的。

关于javascript中的事件委托和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。