Div 在另一个 Div 内避免点击

Question

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

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

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

   </div>

</div>

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

Answer 1

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

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

Div inside of another Div avoid click