事件委托(事件代理)

172 阅读1分钟

一. 事件委托的出现

  1. 当ul存在多个li时,每一个li都要绑定对应的监听事件,虽然用for循环可以循环绑定,但性能很差。
  2. 若是存在createElement新的li,怎么解决,设置监听,再次循环绑定吗?逻辑繁琐,性能更差。

二. 事件委托的原理

事件委托就是利用事件冒泡来实现的。把原本应该给子元素绑定的事件直接给父元素绑定,当子元素没有事件触发时,事件自动冒泡到父元素身上,触发事件。

三. 代码实现

target :触发事件的元素 currentTarget : 绑定了监听事件的元素 tagName : 获取元素的标签名 toLowerCase() : 大写字符转化为小写