Html 如何使DIV中的按钮不调用<；部门>；点击事件

我有一个自己的onClick（）事件。 我希望用户能够单击div中的任意位置执行操作（翻转卡片）。 但是，该DIV中也有一个按钮。对于按钮，我不希望它调用div的onClick（）（所以不要翻转卡片）

菜单

---

您知道如何执行此操作吗？

您可以使用

stopPropagation（）

方法。它防止当前事件在捕获和冒泡阶段进一步传播。因此，您的

按钮ClickEvent

将如下所示：

  buttonClickEvent = (e) => {
    // do smth here
    e.stopPropagation();
  }

尝试将stopPropagation（）与ID一起使用

constdiv=document.querySelector（'#div'）；
const btn=document.querySelector（'#btn'）；
div.addEventListener（'单击'，（e）=>{
//在这里做点什么
e、 停止传播（）；
console.log（'div'）；
});
btn.addEventListener（'单击'，（e）=>{
//在这里做点什么
e、 停止传播（）；
console.log（“按钮”）；
});
#div{
背景色：红色；
宽度：100px；
高度：100px；
显示：网格；
放置项目：中心；
}

div
菜单分区

  buttonClickEvent = (e) => {
    // do smth here
    e.stopPropagation();
  }