Skip to content
Simple HTML5 Input Key mapper
JavaScript HTML
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
dist
src Fixed change event
.gitignore
.jshintrc
LICENSE
README.md
bower.json
gulpfile.js
index.html
package.json

README.md

key-mapper.js

Simple HTML5 Input Key mapper

Installation:

bower install --save tom32i-key-mapper.js

Usage:

Keyboard binding:

var mapper = new KeyboardMapper(),
    listener = new InputListener(mapper, 'my-input-field');

Gamepad binding:

var gamepadListener = new GamepadListener({precision: 2, deadZone: 0.3}),
    mapper = new GamepadMapper(gamepadListener),
    listener = new InputListener(mapper, 'my-input-field');

gamepadListener.start();

Gamepad specific binding:

var gamepadListener = new GamepadListener({precision: 2, deadZone: 0.3}),
    mapper = new GamepadMapper(gamepadListener, true),
    listener = new InputListener(mapper, 'my-input-field');

gamepadListener.start();

Touch binding:

var mapper = new TouchMapper(),
    listener = new InputListener(mapper, 'my-input-field');

Events:

Listen for value change on the mapping:

mapper.on('change',  function (event) {
    /**
     * event: CustomEvent
     *   detail: {
     *       value: 32,
     *       view: "Space"
     *   }
     */
});

The touch mapper return a Touch object as the value.

Something went wrong with that request. Please try again.