js原生事件和react合成事件，浅谈

[dengnan123]

平时写react，都是忙于业务，最近在改以前的项目代码的时候，被react事件坑了一下下，看来是要复习下，js 事件和react合成事件了

dom标准事件流的触发的先后顺序为：先捕获再冒泡

事件冒泡

事件捕获

所以整体的流程是

上代码

点击a区域

console的结果

最后的总结

• js原生事件，不管是捕获，还是冒泡，都在react合成事件前面，react事件如果想阻止后续的冒泡事件发生，需要用 e.stopPropagation()

[dengnan123]

注意

• stopPropagation 是阻止事件冒泡，即冒泡事件到当前元素处就终止了，不会继续向上级元素传递。

preventDefault 是阻止默认事件，例如：在 a 标签的 click 事件中执行了该方法，则不会进行默认的链接跳转。