我在一个组件里绑定了onClick事件，然后在componentDidMount这个生命周期里为body绑定了一个事件，为什么我点击该元素都是先执行body上绑定的事件，再执行我用onClick绑定的事件？
我在想是不是react的事件都是在顶层做了事件委托，如果是这样，我想实现事件冒泡是不是做不了了？
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
3
708
收藏
在组件的onClick事件里取消事件委托
自己来填坑，在某一个React-Event绑定的事件回调函数中打印
e.nativeEvent.currentTarget可以发现结果是#document, 也就是说React的事件机制应该是全部绑定在了document上。之前在
componentDidMount里面通过document.body.addEventListener绑定了点击事件，因为body其实也是document的下级，所以是先执行body绑定的回调函数。另外即使改成
document.addEventListener来绑定点击事件(假设是function1)，在ReactElement中使用e.stopPropagation()是无法阻止function1的调用，要想阻止function1调用，可能只能e.nativeEvent.stopImmediatePropagation();