DOM事件委托

88 阅读1分钟

1.事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件

2.事件委托优点:

  • 减少内存消耗(省监听数) 假设有一个列表,列表之中有大量的列表项,我们需要在点击列表项的时候响应一个事件;
  <ul id="list">
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
  ......
  <li>item n</li>
</ul>

如果给每个列表项一一都绑定一个函数,那对于内存消耗是非常大的,效率上需要消耗很多性能;因此,比较好的方法就是把这个点击事件绑定到他的父层,也就是 ul 上,然后在执行事件的时候再去匹配判断目标元素;所以事件委托可以减少大量的内存消耗,节约效率。

  • 可以监听动态事件:当我们需要监听新增的元素时,可以将监听绑定在新增元素的父级元素上。