什么是事件代理(事件委托) 有什么好处

kingcwt2020-4-08前端javascript

一 、事件委托原理


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

二 、事件委托的优点


减少内存消耗和dom操作,提高性能。在javascript中,添加到页面上的事件处理程序将直接关系到页面的整体运行性能。因为需要不断操作dom,那么引起浏览器重绘和回流的可能就越多。这就是为什么要减少dom操作的原因。每一个事件处理函数,都是一个对象,多一个事件处理函数,内存中就会被多占用一部分空间。如果使用事件委托,就只会对它的父级进行操作,与dom的操作就只需要交互一次,这样就能大大的减少与dom的操作次数。提高性能。同样在父节点下动态添加的节点也同样能触发事件,

Last Updated 10/16/2023, 7:06:22 AM
What do you think?
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
Comments
  • Latest
  • Oldest
  • Hottest
Powered by Waline v2.15.8