<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浏览弹出窗口。我想检查元素是否没有焦点然后关闭弹出窗口。
答案 0 :(得分:0)
您可以使用{/ 1}}和focus
事件,例如
blur