js中事件委托的优缺点

优势:

  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事件。
相关文章
相关标签/搜索