extra-key-state

Install

npm install --save extra-key-state
# or
yarn add extra-key-state

Usage

import { KeyStateObserver, Key, KeyState } from 'extra-key-state'

const element = document.querySelector('canvas')
const observer = new KeyStateObserver([element])
loop()

function loop() {
  switch (observer.getKeyState(Key.Enter)) {
    case KeyState.Down: // ...
    case KeyState.Up: // ...
  }

  requestAnimationFrame(loop)
}

API

KeyStateObserver

class KeyStateObserver {
  constructor(
    elements: HTMLElement[]
  , options?: {
      onBeforeKeyEvent?: (event: KeyboardEvent) => void
    }
  )

  getKeyState(key: Key): KeyState
  close(): void
}

KeyState

enum KeyState {
  Up
, Down
}

Key

enum Key {
  A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z
, Num1, Num2, Num3, Num4, Num5, Num6, Num7, Num8, Num9, Num0
, Enter, Space, Esc, Alt, Ctrl, Shift
, Up, Down, Left, Right
}