javascript - 组件上的 Angular 单击事件将内部元素作为目标发送

Question

我在 Angular 组件上有一个点击事件:

import { Component } from "@angular/core";

@Component({
  template: `
    <hello (click)="onClick($event)"></hello>
  `
})
export class AppComponent {
  onClick(e) {
    alert("Click on TAG: " + e.target.tagName);
  }
}

在线查看演示:https://stackblitz.com/edit/angular-ivy-zxmsnc?file=src%2Fapp%2Fapp.component.ts

为什么 event.target 是组件的内部元素而不是组件本身？

Answer 1

那是因为 event.target 指的是触发事件的元素。

我认为您正在寻找 event.currentTarget，它指的是 事件监听器附加到的元素。