了解事件代理

152 阅读1分钟

事件代理

白话讲解:一个父亲有几个儿子,儿子不想做的事情委托父亲来做。

概念:事件代理(Event Delegation),又称之为事件委托。“事件代理”即是把原本需要绑定在子元素的响应事件(click、keydown......)委托给父元素,让父元素担当事件监听的职务。

原理:DOM元素的事件冒泡。

用途:javascript中绑定事件常用

优点:【1】可以大量节省内存占用,减少事件注册。

【2】新增子对象时不用再次绑定(动态绑定事件)

例子:利用事件委托做个ul,li列表,实现每个li有不同功能

html

js