如何檢查event.target是否等於特定組件？

Question

我有一個使用標簽<example-form-component>的ExampleFormComponent和一個帶有標簽<dialog-box-component>的DialogBoxComponent。 我正在DialogBoxComponent中捕獲鍵盤事件，並且如果event.target具體是<example-form-component> ，我想采取一些措施。

碼：

export class DialogBoxComponent {

    constructor(private elementRef: ElementRef) {
    }

    @HostListener('document:keyup', ['$event'])
    handleKeyPressEvent(event) {

        // how can I check if event.target is ExampleFormComponent?

    }
}

Answer 1

' event.target將在觸發事件時返回具有焦點的元素，否則將返回DOM的根元素。

因此，如果觸發“ keyup”時您的DialogBoxComponent具有焦點，則您的event.target將是DialogBoxComponent。

這是有關“ keyup”的MDN文檔。

選中此StackBlitz時 ，在觸發事件時（帶有和不帶有焦點按鈕）查看控制台。