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
| var field = new photonui.TextAreaField({ placeholder: "Start writing here!", rows: 20 }); photonui.domInsert(field, "demo"); var kb = new photonui.KeyboardManager(field, {safe: false}); var keys = []; var printKeys = function() { field.value = ""; for (var key in keys) field.value += key + " " + keys[key] + "\n"; }; 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(); });
|