DOM事件委托的原理和作用是什么? 您所在的位置:网站首页 特快专递的好处跟坏处 DOM事件委托的原理和作用是什么?

DOM事件委托的原理和作用是什么?

2023-06-26 07:13| 来源: 网络整理| 查看: 265

IT培训班

事件冒泡本身的特性,会带来的坏处,也会带来的好处,需要我们灵活掌握。生活中有如下场景:

班级中有100个学生, 快递员有100个快递, 如果一个个的送花费时间较长。同时每个学生领取的时候,也需要排队领取,也花费时间较长,何如?

解决方案: 快递员把100个快递,委托给班主任,班主任把这些快递放到办公室,同学们下课自行领取即可。

优势: 快递员省事,委托给班主任就可以走了。 同学们领取也方便,因为相信班主任。

程序中也有如此场景:

        知否知否,应该有弹框在手         知否知否,应该有弹框在手         知否知否,应该有弹框在手         知否知否,应该有弹框在手         知否知否,应该有弹框在手   

点击每个 li 都会弹出对话框,以前需要给每个 li 注册事件,是非常辛苦的,而且访问 DOM 的次数越多,这就会延长整个页面的交互就绪时间。

事件委托也称为事件代理, 在 jQuery 里面称为事件委派。

事件委托的原理:不是每个子节点单独设置事件监听器,而是事件监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点。

以上案例:给 ul 注册点击事件,然后利用事件对象的 target 来找到当前点击的 li,因为点击 li,事件会冒泡到 ul 上, ul 有注册事件,就会触发事件监听器。

事件委托的作用:事件委托中我们只操作了一次 DOM ,便提高了程序的性能。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有