JSFiddle - React, Tailwind, and code Playground

by ruisoftware

HTML

<textarea id="out"></textarea>

CSS

textarea {
    width: 400px;
    height: 400px;
}

JavaScript

$(document).keydown(function (e) {
    var key = {
        left: 37,
        up: 38,
        right: 39,
        down: 40,
        pgUp: 33,
        pgDown: 34,
        home: 36,
        end: 35,
        esc: 27
    }, 
        out = function (k) {
          $("#out").text($("#out").text() + k + ' ');
        };
                
    switch (e.which) {
        case key.left: out('left'); break; 
        case key.up: out('up'); break; 
        case key.right: out('right'); break; 
        case key.down: out('down'); break;
        case key.pgUp: out('pgUp'); break;
        case key.pgDown: out('pgDown'); break;
        case key.home: out('home'); break;
        case key.end: out('end'); break;
        case key.esc: out('esc'); break;
default: out(e.which);
    }
});