当有两个带有onClick或按钮的div时如何不触发外部按钮？ [复制]答案

【问题标题】：How to not trigger outside button when there are two div with onClick or button? [duplicate]当有两个带有onClick或按钮的div时如何不触发外部按钮？ [复制]
【发布时间】：2021-10-13 03:27:59
【问题描述】：

我在一个div里面设计了一个div，里面有我的按钮，当点击div外面的时候，会触发切换页面，另外一个div会做其他的功能，问题是，当我点击里面的按钮时，也会触发div onClick 外面，原来的代码里面有很多其他的东西，所以我就写一个像下面这样的例子，

<div className="outSide" onClick={()=>changePage}>
    <button onClick={dosomeotherthing)}>some Function</button>
</div>

【问题讨论】：

DOM“泡沫”中的事件从后代到祖先。您可以使用 stopPropagation 等方法进行控制
这正是我所期望的，谢谢

标签： javascript css reactjs

【解决方案1】：

理想情况下，当您单击按钮时，它不应触发更改页面。你可以试试 stopPropagation。

function dosomeotherthing(e) {
 e.stopPropagation();
}

<div className="outSide" onClick={()=>changePage}>
  <button onClick={(e) => dosomeotherthing(e)}>some Function</button>
</div>

【讨论】：

请不要回答明显的重复。