javascript - 如何在可点击元素内制作按钮?

标签 javascript html angular dom

假设我在可点击容器中有一个按钮

<div class="container" (click)="onContainerClick()">
  <button (click)="onButtonClick()">Button</button>
</div>

当我点击按钮时,onContainerClick 和 onButtonClick 都会被触发。 有没有办法只触发容器内按钮的点击事件。

示例:https://stackblitz.com/edit/angular-mekd2t

最佳答案

<button (click)="$event.stopPropagation();onButtonClick()">Button</button>

您需要停止事件的传播。这应该覆盖它

关于javascript - 如何在可点击元素内制作按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59250383/

相关文章:

javascript - Onsubmit 函数称为提交

javascript - 我们可以将 Angular FormArray 与 angular2-multiselect 下拉菜单一起使用吗?

javascript - jQuery ajaxLoad 事件

javascript - 为什么当我将表单发布到 URL 时会收到 404 错误,而使用 window.location 去那里则不会收到 404 错误?

html - 表到div的问题

angular - 计算可从后端获取的 Angular Material Table 列中的数据总和

typescript - ionic 2 : Remove background from custom component button in navbar

javascript - 通过动画 div 向左推送动画 float 的 div

javascript - 如何禁用 Chrome 的 Ctrl + P

html - 当出现更多内容时,css 响应式背景会缩放