@ivanhanak_com/keycodes

A simple javascript library helping with dealing with browser inconsistencies of browser Event.code and Event.keyCode implementation for the most used keys.

Usage no npm install needed!

<script type="module">
  import ivanhanakComKeycodes from 'https://cdn.skypack.dev/@ivanhanak_com/keycodes';
</script>

README

browser consistent "was a key pressed" checker

NPM Weekly Downloads

A simple javascript library helping with dealing with browser inconsistencies of browser Event.code and Event.keyCode implementation for the most used keys.

Changelog

See the whole Changelog.

Install

Using npm:

npm install @ivanhanak_com/keycodes

Using yarn:

yarn add @ivanhanak_com/keycodes

Usage

import {
    hasShiftKeyBeenPressed,
    cmdMacKeyHasBeenPressed,
    enterKeyHasBeenPressed,
    escKeyHasBeenPressed,
    spaceKeyHasBeenPressed,
    tabKeyHasBeenPressed,
    arrowRightKeyHasBeenPressed,
    arrowLeftKeyHasBeenPressed,
    arrowUpKeyHasBeenPressed,
    arrowDownKeyHasBeenPressed,
} from '@ivanhanak_com/keycodes';


document.addEventListener("keydown", e => {
    if(hasShiftKeyBeenPressed(e) && tabKeyHasBeenPressed(e)) {
        //...do something on ...tab+shift
    }
    
    if(arrowDownKeyHasBeenPressed(e)) {
        //...do something on ...arrow down
    }

});

Browser support

IE, Chrome, Firefox, Safari