javascript - Click 事件在实际按钮周围触发

Question

我正在开发一个 Ionic 应用程序。我有一个 ionic 列表，其中包含 ionic 项目的点击事件。当我点击 ion-list 项目时也会触发点击事件

ion-item 仅在此处触发 onclick

ion-list红色标记显示我可以在哪里触发事件

     <div>
        <ion-list *ngFor="let y of x">
            <p>Date</p>
            <ion-item *ngFor="let z of y" (click)="click(y.id)">
                {{event.title}}
            </ion-item>
        </ion-list>
    </div>

项目之间的小间隙是可点击的...为什么以及如何更改它？

解决方案

将 event.stopPropagation() 添加到点击事件。

click(id :string){
  event.stopPropagation();
  //more code
}

Answer 1

您应该停止事件冒泡以停止点击父元素:您应该为此使用event.stopPropagation()