Meanie-angular-key-codes NPM

meanie-angular-key-codes

An Angular service to facilitate handling of keyboard input events

Contains a map of common key codes as well as several utility helper functions.

Installation

You can install this package using npm:

npm install meanie-angular-key-codes --save

Include the script node_modules/meanie-angular-key-codes/release/meanie-angular-key-codes.js in your build process, or add it via a <script> tag to your index.html:

<script src="node_modules/meanie-angular-key-codes/release/meanie-angular-key-codes.js"></script>

Add KeyCodes.Service as a dependency for your app.

Usage

angular.module('App.MyModule').controller('MyController', function($keyCodes) {
  angular.element('input').on('keydown', event => {

    //Compare against common key codes
    if (event.keyCode === $keyCodes.ENTER) {
      //...do something
    }

    //Check if input type was numeric
    if ($keyCodes.isNumeric(event)) {
      //...do something
    }

    //Check if input type was alpha
    if ($keyCodes.isAlpha(event)) {
      //...do something
    }

    //Check if input type was alphanumeric
    if ($keyCodes.isAlphaNumeric(event)) {
      //...do something
    }

    //Check if input type was a control key
    if ($keyCodes.isControl(event)) {
      //...do something
    }

    //Check if input type was numeric or additional whitelisted keys
    let whitelist = [$keyCodes.DASH, $keyCodes.SPACE];
    if ($keyCodes.isNumeric(event, whitelist)) {
      //...do something
    }
  });
});