PhotonUI logo

PhotonUI

A javascript framework to create user interfaces

KeyboardManager

This component allows you to track keyboard state in an intuitive way.

Class Reference

Callbacks

One can register to keyboard callbacks:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
// Add a field to display things
var field = new photonui.TextAreaField({
    placeholder: "Start writing here!",
    rows: 20
});
photonui.domInsert(field, "demo");

// Create our keyboard manager
var kb = new photonui.KeyboardManager(field, {safe: false});

// What to write to our label
var keys = [];
var printKeys = function() {
    field.value = "";
    for (var key in keys)
        field.value += key + " " + keys[key] + "\n";
};

// Register to basic callbacks
kb.registerCallback("kb1", "key-down", function(manager, kstate) {
    keys[kstate.key] = "down";
    printKeys();
});

kb.registerCallback("kb2", "key-hold", function(manager, kstate) {
    keys[kstate.key] = "hold";
    printKeys();
});

kb.registerCallback("kb3", "key-up", function(manager, kstate) {
    keys[kstate.key] = "up";
    printKeys();
});