Angular 8: использование HostListener для поиска элемента DOM после события щелчка мыши

Question

Как найти текущий элемент DOM в любом месте страницы после щелчка мышью? В настоящее время пытаюсь использовать HostListener в Angular 8.

@HostListener('click') onClick(){
    window.alert('Current DOM element is');
}

Answer 1

Вы также можете использовать ElementRef

import { ElementRef } from '@angular/core';

constructor(private elementRef: ElementRef) {}

cnslIt() {
 console.log(this.elementRef.nativeElement);
}

Answer 2

Установите второй параметр с помощью $event.target

@HostListener('click', ['$event.target']) onClick(e){
  window.alert('Current DOM element is');
  console.log(e);
}

Answer 3

Здесь - это ссылка, объясняющая, что вы можете использовать директиву для обнаружения элемента dom, и когда он присутствует только тогда, хост-слушатель должен работать.

См. Это: