如何在按钮获得焦点时禁用键

Question

在angular2中，如何在按钮获得焦点时禁用向上箭头键并在按钮未获得焦点时启用它？例如：

在html中：

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

在脚本中：

disableUpArrowKey(){
    //??
}

Answer 1

绑定 keydown 并调用 preventDefault 事件。

html:

<button (keydown)="onKeydown($event)">Button</button>

ts:

...
onKeydown(event: KeyboardEvent) {
  if (event.key === 'ArrowUp') {
    event.preventDefault()
  }
}
...

How to disable a key when a button is focused