Как отключить клавишу, когда кнопка находится в фокусе

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()
  }
}
...

stackblitz: https://stackblitz.com/edit/angular-xmzct5