jsdk-offical/examples/ui/input/hotkeys.ts

JSDK is the most comprehensive TypeScript framework, like JDK.

/// <reference path='../../../dist/jsdk.d.ts' /> 
JS.imports([
    '$jsui'
]).then(() => {
    let kb1 = new Keys(),
        kb2 = new Keys($1('#tt')),
        isON = true,
        on = () => {
            isON = true;
            kb1.onKeyDown('a + d + enter', function(e: KeyboardEvent) {
                $1('#info').innerHTML += `<div>You press ${e.type}</div>`;
                return false
            })
            kb1.onKeyUp('a', function(e: KeyboardEvent, kb:Keys) {
                $1('#info').innerHTML += `<div>You hold ${e.type} for ${e.timeStamp-kb.getKeyDownTime(e.keyCode)}ms</div>`;
                return false
            })
            kb2.onKeyDown('ctrl+v', function(e: KeyboardEvent) {
                $1('#info').innerHTML += `<div>You press ${e.type} on Textarea#${(<HTMLElement>this).id}</div>`;
                return false
            })
            $1('#info').innerHTML += `<div>You set ON!</div>`
        },
        off = () => {
            isON = false;
            kb1.off();
            kb2.off();
            $1('#info').innerHTML += `<div>You set OFF!</div>`
        };

    $1('#switch').on('click', (ev) => {
        isON ? off() : on();
    })
    on();
})