如何禁用嵌套div元素的点击方法

2022-01-28 07:06:38 标签 htmlangular

<div class="param_content" (click)="onParamClick()">
  <div class="heading-warning">
    <div>{{ _paDetail.name }}</div>
    <div>
      <img src="assets/att-im.svg" (click)="showInfo()">
    </div>
  </div>
</div>

在上面的代码中,当我点击图像第5行,并期望调用showInfo()方法,但随着这个onParamClick()方法也在执行。

如何禁用onParamClick() method on imag方法对图像点击?

###将事件传递给函数的参数

(click)="showInfo($event)"
function showInfo(e)
{
//your code
e.stopPropagation();
}

在showInfo函数中

参见:https://developer。mozilla。org/en-US/docs/Web/API/Event/stopPropagation

阅读全文

▼ 版权说明

相关文章也很精彩
推荐内容
更多标签
相关热门
全站排行
随便看看

错说 cuoshuo.com —— 程序员的报错记录

部分内容根据CC版权协议转载;网站内容仅供参考,生产环境使用务必查阅官方文档

辽ICP备19011660号-5

×

扫码关注公众号:职场神器
发送: 1
获取永久解锁本站全部文章的验证码