跳到主要内容

事件委托

一、认识


现代浏览器遵循的事件规范DOM2级事件, DOM2级事件事件流分为三个阶段,捕获阶段目标阶段冒泡阶段。那事件代理(事件委托) 利用事件冒泡原理,只需给外层父容器添加事件,若内层子元素有点击事件,则会冒泡到父容器上,这就是事件委托。简单说就是: 子元素委托它们的父级代为执行事件

二、特点


  • 提高性能:每一个函数都会占用内存空间,只需添加一个事件处理程序代理所有事件,所占用的内存空间更少。

  • 动态监听:使用事件委托可以自动绑定动态添加的元素,即新增的节点不需要主动添加也可以一样具有和其他元素一样的事件。