如何识别按钮元素是重点

时间:2017-10-31 09:15:15

标签: html angular typescript angular2-forms

<div class="text-right">
  <th-input-group [(ngModel)]="filter" (keyup)="onInput($event, false, true)" 
       id="filterInput" #filterInput 
       [placeholder]="searchFilterPlaceHolder"></th-input-group>

   <th-button id="btnPopClose" #btnPopClose type="button" class="btn btn-default" 
   (click)="onFavPopupClose()">{{closeButtonText}}
   </th-button>
</div>

我的自定义弹出模式中有html输入和按钮元素。

不在组件中我使用HostListener来识别tab键按下。

@ViewChild('filterInput') elementfilterInputRef: any;
@ViewChild('btnPopClose') elementCloseButtonRef: any;

@HostListener('keydown.tab')
onTab() {
if(this.elementCloseButtonRef.hasFocued || 
this.elementfilterInputRef.hasfocued){
this.close();
}
}

我正在尝试使用tab浏览弹出窗口。我想检查元素是否没有焦点然后关闭弹出窗口。

1 个答案:

答案 0 :(得分:0)

您可以使用{/ 1}}和focus事件,例如

blur