![](/img/trans.png)
[英]Angular using @HostListener to listen to specific click of button
[英]Is possible to set HostListener on specific button?
我想調用一些方法,當按下ESC ape按鈕時。 我是這樣做的:
@HostListener('window:keydown', ['$event'])
clickEscape(event: KeyboardEvent) {
//if ESC was pressed
if(event.keyCode === 27) {
this.someMethod();
}
}
但是每當用戶點擊keybord上的任何按鈕時,都會調用clickEscape方法。 我的問題是:
是否可以設置HostListener,以便只有在檢測到ESCape按鈕時才會調用該方法? 我在考慮一些風格:
@HostListener('window:keydown["ESCAPE"]')
someMethod() {
//...
}
有類似的事件嗎?
你確實可以使用keydown.escape
:
@HostListener('window:keydown.escape')
someMethod() {
//...
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.