博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
事件委托(事件代理)
阅读量:4071 次
发布时间:2019-05-25

本文共 507 字,大约阅读时间需要 1 分钟。

1.什么是事件委托呢?

如果子元素身上绑定了大量相同的事件,我们尽量采用事件委托的方式,把所有子元素的自己的事件委托给父级

2.事件委托的原理?

事件冒泡

3.为什么使用事件委托?

传统的for循环绑定事件,会增加dom操作(事件),影响页面性能,采用事件委托就是把所有的事件基于一个元素上

4.事件委托和传统事件绑定的优势?

传统的事件绑定对新增元素不起作用,而事件委托起作用;传统的事件绑定,有多少元素js就需要绑定多少事件,而事件委托只需要一个事件

js中事件委托:

  • item1
  • item2
  • item3

vue中事件委托:

  1. 我们在每一个循环的标签身上动态绑定一个自定义属性。
  2. 给统一的父元素绑定事件。
  3. 在事件中可以通过事件对象来获取自定义属性的值
    代码

注意:如果事件需要传参且还需要用到事件对象,那么我们传入的第一个实参就是事件对象。事件对象使用 $event 来传入

转载地址:http://jxlji.baihongyu.com/

你可能感兴趣的文章
C++报错:C4700:使用了非初始化的局部变量
查看>>
【数据结构周周练】003顺序栈与链栈
查看>>
C++类、结构体、函数、变量等命名规则详解
查看>>
C++ goto语句详解
查看>>
【数据结构周周练】008 二叉树的链式创建及测试
查看>>
《软件体系结构》 第九章 软件体系结构评估
查看>>
《软件体系结构》 第十章 软件产品线体系结构
查看>>
《软件过程管理》 第六章 软件过程的项目管理
查看>>
《软件过程管理》 第九章 软件过程的评估和改进
查看>>
《软件过程管理》 第八章 软件过程集成管理
查看>>
分治法 动态规划法 贪心法 回溯法 小结
查看>>
《软件体系结构》 练习题
查看>>
《数据库系统概论》 第一章 绪论
查看>>
《数据库系统概论》 第二章 关系数据库
查看>>
《数据库系统概论》 第三章 关系数据库标准语言SQL
查看>>
SQL语句(二)查询语句
查看>>
SQL语句(六) 自主存取控制
查看>>
《计算机网络》第五章 运输层 ——TCP和UDP 可靠传输原理 TCP流量控制 拥塞控制 连接管理
查看>>
堆排序完整版,含注释
查看>>
二叉树深度优先遍历和广度优先遍历
查看>>