43-事件委托

文档摘要

title: 43-事件委托 publish: true 事件委托事件委托，通俗地来讲，就是把一个元素响应事件（click、keydown......）的函数委托到另一个元素。比如说有一个列表 ul，列表之中有大量的列表项标签：当我们的鼠标移到标签上的时候，需要获取此的相关信息并飘出悬浮窗以显示详细信息，或者当某个被点击的时候需要触发相应的处理事件。我们通常的写法，是为每个都绑定类似onMouseOver或者onClick之类的事件监听：但是，上面的做法过于消耗内存和性能。我们希望，只绑定一次事件，即可应用到多个元素上，即使元素是后来添加的。因此，比较好的方法就是把这个点击事件绑定到他的父层，也就是上，然后在执行事件函数的时候再去匹配判断目标元素。