Angular 当按钮聚焦时如何禁用按键

Angular 当按钮聚焦时如何禁用按键,angular,event-handling,keyboard-events,dom-events,Angular,Event Handling,Keyboard Events,Dom Events,如何在按钮聚焦时禁用向上箭头键,并在按钮未以angular2聚焦时启用它? 例如: 在html中: <button type="button" (focus)="disableUpArrowKey()"> 绑定keydown并调用事件的preventDefault html: stackblitz:绑定按键并调用事件的预防默认值 html: stackblitz:如何检查元素是否在上述解决方案中聚焦?该事件仅在按钮聚焦时发生如何检查元素是否在上述解决方案中聚焦?该事件仅在按钮聚焦时

如何在按钮聚焦时禁用向上箭头键,并在按钮未以angular2聚焦时启用它? 例如:

在html中:

<button type="button" (focus)="disableUpArrowKey()">

绑定
keydown
并调用事件的
preventDefault

html:


stackblitz:

绑定
按键
并调用事件的
预防默认值

html:


stackblitz:

如何检查元素是否在上述解决方案中聚焦?该事件仅在按钮聚焦时发生如何检查元素是否在上述解决方案中聚焦?该事件仅在按钮聚焦时发生
disableUpArrowKey(){
    //??
}
<button (keydown)="onKeydown($event)">Button</button>
...
onKeydown(event: KeyboardEvent) {
  if (event.key === 'ArrowUp') {
    event.preventDefault()
  }
}
...