- react中绑定事件和阻止事件冒泡
-
聚码交流
-
0
1

- yhuxAvNbtxUM
0000-00-00 00:00:00
- 回帖
直接上代码吧,我是想了半天不知道哪里出问题了。state={spread:false}componentDidMount(){console.log('documentclicked')document.onclick=()=>{if(this.state.spread){this.setState({spread:false})}}}spreadHandler(e){console.log('targetclicked')//这个事件绑定在一个a标签上e.stopPropagation()this.setState({spread:!this.state.spread})}这个功能就是一个类似淘宝顶部导航条的功能,只不过我这里用的是点击事件。现在我触发spreadHandler的时候取消了冒泡,但是document的click事件还是会触发。不知道是因为事件绑定在a标签上,还是别的什么原因造成的,有人知道这是怎么回事吗?