1. 减少事件注册,节省内存。比如,

    • 在table上代理所有td的click事件。
    • 在ul上代理所有li的click事件。
  2. 简化了dom节点更新时,相应事件的更新。比如

    • 不用在新添加的li上绑定click事件。
    • 当删除某个li时,不用移解绑上面的click事件。

缺点:

  1. 事件委托基于冒泡,对于不冒泡的事件不支持。
  2. 层级过多,冒泡过程中,可能会被某层阻止掉。
  3. 理论上委托会导致浏览器频繁调用处理函数,虽然很可能不需要处理。所以建议就近委托,比如在table上代理td,而不是在document上代理td。
  4. 把所有事件都用代理就可能会出现事件误判。比如,在document中代理了所有button的click事件,另外的人在引用改js时,可能不知道,造成单击button触发了两个click事件。

相关文章:

  • 2021-09-09
  • 2022-12-23
  • 2021-05-03
  • 2021-11-21
猜你喜欢
  • 2021-07-06
  • 2022-12-23
  • 2022-01-01
  • 2021-07-31
相关资源
相似解决方案