时间戳

首页 > 解决方案 > 当有两个带有onClick或按钮的div时如何不触发外部按钮？

javascript - 当有两个带有onClick或按钮的div时如何不触发外部按钮？

问题描述

我在一个包含我的按钮的div里面设计了一个div，当点击div外面的时候，它会触发切换页面，另一个div会做其他的功能，事情是，当我点击里面的按钮时，它也会触发div的onClick在外面，原始代码包含很多其他的东西，所以我将编写一个如下所示的示例，

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

标签： javascriptcssreactjs

解决方案

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

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

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

推荐阅读