什么是事件委托

最新推荐文章于 2023-03-14 11:33:11 发布
最新推荐文章于 2023-03-14 11:33:11 发布
阅读量720 收藏 2
点赞数 1
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_66198121/article/details/123903347
版权

事件委托，又名事件代理。事件委托就是利用事件冒泡，就是把子元素的事件都绑定到父元素上。如果子元素阻止了事件冒泡，那么委托也就没法实现了

好处：

1.提高性能，

2.减少了事件绑定

3.从而减少内存占用

应用场景 在vue中事件委托

我们经常遇到vue中v-for一个列表，列表的每一项都绑定了@click处理事件。我们都知道绑定这么多监听，从性能方面来说是不太好的。那我们我们可以通过把每个item的click事件委托给父元素的形式来实现

为晨晨写情诗.
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
什么是事件委托？
祈澈菇凉
10-24 90
它基于事件冒泡的原理，将事件的监听和处理委托给父元素或祖先元素，而不是直接绑定到每个子元素上。事件委托也有一些限制，例如对于需要阻止事件冒泡或需要绑定特定子元素的事件，事件委托可能不适用。2：动态元素支持：对于动态添加的子元素，无需重新绑定事件监听器，因为事件会在冒泡过程中被父元素捕获到。3：父元素或祖先元素捕获到事件后，可以根据事件的目标元素（即事件的触发元素）来确定要执行的操作。2：当事件发生时，事件会按照事件冒泡的方式从子元素依次向上冒泡到父元素或祖先元素。
事件委托（事件代理）是什么？有什么用？
weixin_42520375的博客
12-03 745
首先要说事件委托，那麽必须要明白两个概念，一个是冒泡事件一个是捕获事件，以下是捕获事件与冒泡事件的代码打印，点击span子元素，首先引发事件捕获事件，触发顺序从最外层的元素开始，逐步前往内层，直到达到实际点击触发的元素，然后触发事件结束，开始事件冒泡，事件冒泡与捕获正好相反，从元素内部开始，逐步冒泡到元素的最外层。 <div id="div1"> <span id="spa...
asp.net 事件与委托分析
10-30
在ASP.NET中，事件和委托是两个核心概念，它们在构建可扩展和交互性强的Web应用程序时发挥着关键作用。本文将深入探讨这两个概念，以及如何在实际编程中使用它们。 首先，让我们从委托（Delegate）开始。委托在C#中...
事件委托
01-08
事件委托是一种在JavaScript中处理DOM事件的高效策略，它基于事件冒泡的原理，将事件处理器绑定到父级元素而不是每个子元素上。这样可以显著提高性能，减少内存占用，并且能够处理动态添加的子元素的事件。 首先，...
C# 事件委托简单封装示例
11-02
事件委托的封装是提高代码复用性和模块化的重要手段。本示例将探讨如何在C#中实现事件委托的简单封装，并提供一个实际的应用场景。 首先，我们需要理解事件和委托的基本概念。委托在C#中类似于函数指针，它允许我们...
JavaScript事件委托实现原理及优点进行
10-14
1. **什么是事件委托？** 事件委托的核心思想是将事件监听器添加到父级或祖先元素上，而不是直接添加到每一个子元素。这样，当子元素触发事件时，由于事件会冒泡到父元素，父元素的监听器就能捕获到这个事件。例如...
JavaScript事件委托实例分析
10-24
JavaScript事件委托是一种优化网页性能的事件处理技术，它利用了事件冒泡的原理，将事件处理器绑定到一个共同的父元素上，而不是每个子元素都单独绑定。这种方法减少了内存消耗和DOM操作，尤其是在动态添加或删除...
什么叫事件委托？ JS事件代理原理分析
zy1992As的博客
03-14 466
因为有时候需要给某一类元素加事件(例如给所有li加点击事件)，因为网页内容经常改变，这类元素随时会增加或者减少，为了保证所有这类元素都有事件，也为了节约内存，所以都需要采用事件委托才可实现!需要注意的是，这也是字符串，并且，参数2可以不写，那就代表仅仅只是给父元素加一个点击事件，并且所有子元素都能触发到这个事件(因为事件冒泡)答案是否定的，因为根据事件冒泡原理，所有子元素点击后都会触发父元素的点击，因此，如果你点击了span，也会调用ul的点击事件，这就相当于给span也加了点击事件。这时候该怎么解决呢?
什么是事件代理
qq_57645591的博客
08-03 2296
事件代理，举个例子——疫情封寝的时候，一个寝室大家都要买饭，如果每个人都出去就很麻烦，这时就委托一个志愿者帮忙给寝室每个人带饭，然后把饭分给每个人，这个就是事件代理。
JS 中的事件委托是什么？
fe_watermelon的博客
07-16 1081
大家好，我是前端西瓜哥。今天我们来认识一下事件委托。所谓事件委托，就是将原本应该在当前元素绑定的事件，放到它的祖先元素上，让祖先元素来委托处理。
事件委托的理解
weixin_46273011的博客
03-22 246
事件委托的定义：子节点的事件交给父节点来管理，而且子节点的事件是相同的 产生事件委托需求的原因是，1）如果子节点的事件是相同的，但是还是要分配新的内存去存储函数，内存占有大。2）静态的元素节点的监听可以添加，但是新增的动态元素节点无法自动添加监听 可以使用父节点.事件 =function（）{e.target.(要该的样式)}。 对父节点内的最底层的子节点进行事件监听。 能够进行事件委托的事件，必须有冒泡阶段,onmouseenter没有冒泡阶段，onmouseover有冒泡阶段。 从批量元素监听
js中的事件委托是什么？
m0_68907098的博客
09-26 680
事件委托的两种方法： 1.oDiv.addEventListener(event, function , useCapture), event:为事件对象，例如:click,mouseover,keyup等等， function(ev):触发该事件后执行的函数,参数只有一个，是一个事件对象，也属于对象，由于浏览器不知道用户不会预判用户会进行点击操作还是键盘操作等，所以就提前封装好了了一套方法，根据前面event事件的种类，就会在这个对象里面挑选出event事件的方法。图中的event是function
js中的事件委托或是事件代理详解
weixin_30883271的博客
06-25 1984
起因： 1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的； 2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考； 概述： 那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件...
事件的委托类型是指什么
最新发布
06-07
事件的委托类型是指用于实现事件处理的委托类型，它定义了事件处理程序的签名。在C#中，事件是一种特殊的委托，它包含了一个委托类型的实例和一个触发事件的方法。 事件的委托类型定义了事件的方法签名，它包含了两个参数：第一个参数是事件的发送者（即对象），第二个参数是事件的数据（即EventArgs类或其派生类的实例）。当事件被触发时，事件处理程序会被调用，它会接收到这两个参数，并执行一些操作。 例如，假设我们有一个名为Button的类，它有一个Click事件和一个OnClick方法。Button类会定义一个委托类型，用于处理Click事件： ``` public delegate void ClickEventHandler(object sender, EventArgs e); ``` 在Button类中，我们将定义一个名为Click的事件，它的委托类型为ClickEventHandler： ``` public event ClickEventHandler Click; ``` 当Button的Click事件被触发时，所有注册的事件处理程序都会被调用，并传递sender和EventArgs参数。这些事件处理程序可以执行一些操作，例如显示一个消息框、更新UI等等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值