另一个 Div 内的 Div 避免点击答案

【问题标题】：Div inside of another Div avoid click另一个 Div 内的 Div 避免点击
【发布时间】：2021-09-08 12:59:02
【问题描述】：

朋友们好，这是我的问题，我有两个 div，其中一个在另一个里面像下面的这个架构。

<div class="button1" onclick={buttonOnePressed}>

   <div class="button2" onclick={buttonTwoPressed}">

   </div>

</div>

我想点击“button2”类的 div 并只调用一个函数，即“buttonTwoPressed”。但是当我点击 div“button2”时，我不小心也调用了函数“buttonOnePressed”，所以这样调用了两个函数，但我只希望一个。我能做些什么来防止这种情况发生？感谢阅读

【问题讨论】：

【解决方案1】：

事件冒泡。使用.stopPropagation() 阻止它移动到父级。

let buttonTwoPressed = (event) =>{
event.stopPropagation();
}

【讨论】：