Question

我试图获取点击的锚元素的ID。这是我的HTML：

 <div class="list-group col-md-4" *ngFor="let book of bookbook">
      <a href="#" class="list-group-item" id={{book.id}} (click)="selectBook($event)">
        <img src="{{book.image}}" alt="#">
        <p><strong>Price: ${{book.price}} | {{book.id}}</strong></p>
        <p>{{book.summary}}</p>
      </a>
  </div>

这是点击功能：

  selectBook(event){
      console.log(event.target.id)
  }

知道我在这里做错了吗？

Answer 1

你可以通过书

(click)="selectBook(book)"

Answer 2

请不要混淆target和currentTarget

event.target属性包含对事件发生的元素的引用。

了解在捕获和冒泡阶段，此目标不会发生变化非常重要：它始终是对您单击的元素的引用。在您的情况下，它可以是img，p或a。

要知道哪个HTML元素正在处理该事件，我们应该使用 currentTarget 。

现在尝试

selectBook(event){
   console.log(event.currentTarget.id)
}

另见

角度锚标签单击元素ID未显示

2 个答案: