js事件委派的优缺点。

Posted 2021-02-27 leocharlie

优点：

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事件。