Movement

This component captures basic keyboard keys like arrows, enter and esc.

Live preview

Open in new tab ↗

This component captures basic keyboard keys like arrows, enter and esc.

Methods:

  • component.assign(ondown(key, e), [onunassign])

The assign method will clear previous assignments and applies new ones. We recommend calling the assign method to your elements when they are focused, or the user clicks on them.

Usage:

SETTER('movement/assign', function(key, e) {
    // @key {String}
    // @ {Event}
    switch (key) {
        case 'up':
        case 'down':
        case 'right':
        case 'left':
        case 'esc':
        case 'enter':
            break;
    }
});

More UI components

Browse all 348