shim-key-ssr

shim-keyboard-event-key

Tiny KeyboardEvent#key shim for IE and MS Edge.

• MS Edge bug report
• Can I use key?
• W3C: UI Events spec
• W3C: key values

Up and running

Get the package from npm:

npm install shim-keyboard-event-key --save

And simply require the module:

import "shim-keyboard-event-key"

Otherwise, plug it the old-fashioned way:

<script src="https://unpkg.com/shim-keyboard-event-key" async></script>

Example

document.addEventListener("keyup", event => {
  if (event.defaultPrevented) return
 
  switch (event.key) {
    case "ArrowLeft":
    case "PageUp":
      player.prev()
      break
 
    case "ArrowRight":
    case "PageDown":
      player.next()
      break
  }
})