首页 > 其他分享 >事件委托

事件委托

时间:2022-08-31 10:01:20浏览次数:58  
标签:触发 委托 父级 元素 冒泡 事件

事件委托是利用冒泡的原理,把事件加到父级上,触发执行效果。

优点:给父级元素加事件(可以提高性能)

  1. 只在内存中开辟了一块空间,节省资源同时减少了dom操作,提高性能
  2. 对于新添加的元素也会有之前的事件**

原理:事件委托其实是利用事件冒泡的特点, 给父元素添加事件,子元素可以触发

实现:事件对象.target(e.target) 可以获得真正触发事件的元素

 

标签:触发,委托,父级,元素,冒泡,事件
From: https://www.cnblogs.com/maxiaopi/p/16641959.html

相关文章

  • js两种注册事件的区别
    传统on注册(L0)同一个对象,后面注册的事件会覆盖前面注册(同一个事件)直接使用null覆盖偶就可以实现事件的解绑都是冒泡阶段执行的事件监听注册(L2)语法:addEventListene......
  • 实例:事件绑定、样式绑定、class绑定、style绑定、条件渲染、循环渲染
     <!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><scriptsrc="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.14......
  • 方法和事件绑定;vue的核心思想?(面试题)
    事件1.方法的写法在methods中写方法,供事件或者别的方法内部调用2.事件绑定v-on:和@都是绑定事件的指令v-on:click -->@click指令后面跟事件类型,值就是methds......
  • vue3 基础-事件绑定 & 修饰符
    无非就是js的一些事件,按键,鼠标等的一些绑定在vue的实现而已,很好理解.先来看一个基础例子.事件初体验<!DOCTYPEhtml><htmllang="en"><head><title>事......
  • vue 监听事件addEventListener
    vue添加监听事件addEventListener//vue添加监听事件,addEventListener第二个参数要绑在this上,即需要在methods中声明,否则销毁的时候会报错//在mounted中监听,在beforeD......
  • 事件轮询Event loop
    事件轮询(eventloop)含义eventloop即事件轮询,这个是js里面为了解决单线程阻塞问题提出的解决方案,也是js异步执行机制的原理单线程众所周知,js执行是单线程的,什么是......
  • 等待事件统计视图
    在上一篇《内存分配统计视图|全方位认识sys系统库》中,我们介绍了sys系统库如何查询内存事件统计信息和bufferpool统计信息,本期的内容先给大家介绍按照等待事件统计相......
  • JS中绑定事件的5种方式
    按钮<buttontype="submit"id="btn">btn</button>1.第一种:$("#btn").click(function(event){})2.第二种:document.getElementById('#foo').addEventListener......
  • 事件驱动&时间驱动
    事件驱动事件驱动看文字就够了!我的理解and一些实现想法:程序不通过循环监听实现事件发生的方式为事件驱动。具体化就是程序本身有一个主循环体用于接收UI触发的事件,每触......
  • C# 事件总线 EventBus(转载)
    原文地址:https://www.cnblogs.com/MuNet/p/8546362.html1.引言事件总线这个概念对你来说可能很陌生,但提到观察者(发布-订阅)模式,你也许就很熟悉。事件总线是对发布-订阅模......