DOM事件委托

119 阅读1分钟

1.定义

DOM事件分捕获和冒泡,事件委托就是利用了冒泡机制。 冒泡举例,当[td]元素被点击的时候,我要告诉【tr】(孙子)...【window】(祖先),比喻,一个人挨打了,回家告诉爸爸、爷爷、一直往上。

事件委托就是孙子想打回去,但是自己不动手,比如爷爷去了,那就是委托了。

总结,事件委托就是子元素触发事件,监听函数放在父元素或祖辈以上元素。基于这种机制,我们就可以在所有相关的祖辈元素上面增加监听函数。

2.事件委托的2大优点

  • 大量减少内存占用,减少事件注册 // 假如100个子元素触发同一个监听函数,可以将此放在父元素上面。

  • 新增元素实现动态绑定事件 // 用createElement创建的元素,可以将监听函数放到父元素上面。