当我们触发目标节点的点击事件时,会从最外层元素向里层元素逐一查找,分析出路径来,此阶段称为捕获阶段

目标节点的点击行为事件触发,此阶段称为目标阶段

按照捕获阶段分析出来的路径,从里到外,把每个元素的点击行为事件逐一触发,此阶段称为冒泡阶段

事件委托

事件委托是利用事件的传播机制,实现的一套事件绑定处理方案。

例如:一个容器中有很多元素,都要在点击的时候做一些事情。

  1. 提高js代码的运行的性能,并且把处理的逻辑集中在了一起;
  2. 给动态绑定的元素做事件绑定;
  3. 某个元素下,存在多个元素有同样的操作。

合成事件是围绕浏览器原生事件,充当跨浏览器包装器的对象;它们将不同浏览器的行为合并为一个 API,这样做是为了确保事件在不同浏览器中显示一致的属性!

在react中事件的处理并不是通过对当前元素基于addEventLinstener进行绑定的,而是通过事件委托处理的