美文网首页
十六、DOM之事件委托 ------ 2020-01-05

十六、DOM之事件委托 ------ 2020-01-05

作者: 自己写了自己看 | 来源:发表于2020-01-05 20:38 被阅读0次

1、事件委托:

/**
事件委托:利用事件的冒泡传播机制,如果一个容器的后代元素中,很多元素的点击行为(其他事件行为也是)
都要做一些处理,此时我们不需要再像以前一样一个个获取一个个绑定了,我们只需要给容器的 
click(或者其他事件)绑定方法即可,这样不管点击的是哪一个后代元素,都会根据冒泡传播的传递机制,
把容器的 click(或者其他事件)行为触发,把对应的方法执行,根据事件源,我们可以知道点击的是谁,
从而做不同的事情即可;
*/

2、事件委托的优势:

/**
事件委托的方式相比较一个个的事件处理,性能提高在50%左右,而且需要操作的元素越多,
节省的性能就越大;
原因:每绑定一个事件就需要开辟一个堆内存,一个个处理开辟的堆内存
肯定比事件委托开辟一个堆内存消耗大;
*/

相关文章

  • 十六、DOM之事件委托 ------ 2020-01-05

    1、事件委托: 2、事件委托的优势:

  • js事件委托(事件代理)

    定义:事件委托就是在DOM事件的冒泡阶段,把具体dom上发生的事件委托给父元素或祖先元素去处理。原理:要了解委托的...

  • JavaScript Events事件汇总

    事件参数、事件捕获冒泡 事件委托 事件默认行为 DOM 1 、DOM 2、DOM 3模型 实现遮罩功能(点击穿透、...

  • DOM事件委托

    事件代理又叫事件委托,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可...

  • DOM事件委托

    使用场景 监听重复的事件===>用于节省监听数(内存小) 监听当前暂时还没有的元素===>动态监听元素 使用方法

  • DOM 事件委托

    事件代理又叫事件委托,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可...

  • DOM事件委托

    事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。事件委托:不监听元素 C 自身,而...

  • DOM 事件委托

    什么是事件委托? 对"事件处理程序过多"问题的解决方案,就是需要触发子事件时,只用给某父元素指定一个事件处理程序,...

  • dom 事件委托

    1. 作用 事件委托指的是:当事件触发时,把要做的事委托给父元素来处理。在学它的用法之前,先了解一下它的作用: 节...

  • DOM事件委托

    什么是事件委托? 事件委托就是利用冒泡机制,将事件添加在目标元素的父元素或祖辈元素上,触发执行效果。也就是就是监听...

网友评论

      本文标题:十六、DOM之事件委托 ------ 2020-01-05

      本文链接:https://www.haomeiwen.com/subject/otecactx.html