javascript - Angular click event on component send inner element as target - Stack Overflow

admin管理员组

文章数量:1356716

I have a click event on an Angular ponent:

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

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

See demo online: ponent.ts

Why is event.target an inner element of the ponent and not the ponent itself?

I have a click event on an Angular ponent:

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

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

See demo online: https://stackblitz./edit/angular-ivy-zxmsnc?file=src%2Fapp%2Fapp.ponent.ts

Why is event.target an inner element of the ponent and not the ponent itself?

• javascript
• angular

Share Improve this question Follow edited Apr 13, 2021 at 10:03 Tim 5,88988 gold badges5050 silver badges6767 bronze badges asked Apr 13, 2021 at 10:02 ar099968ar099968 7,5971515 gold badges7373 silver badges139139 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 12

That's because event.target refers to the element that triggered the event.

I think you're looking for event.currentTarget which refers to the element that the event listener is attached to.

本文标签： javascriptAngular click event on component send inner element as targetStack Overflow