JSFiddle - React, Tailwind, and code Playground

by firegroove

HTML

<a class="shifty" href="#">Click Me!</a>
<div class="status"></div>

JavaScript

var keysPressed = [],
    shiftCode = 16;

$(document).on("keyup keydown", function(e) {
    switch(e.type) {
        case "keydown" :
            keysPressed.push(e.keyCode);
            break;
        case "keyup" :
            var idx = keysPressed.indexOf(e.keyCode);
            if (idx >= 0)
                keysPressed.splice(idx, 1);
            break;
    }
});

$("a.shifty").on("click", function(e) {
    e.preventDefault();
    var status = "Shift Pressed: " + (isKeyPressed(shiftCode) ? "true" : "false");
    $(".status").html(status);
});

function isKeyPressed(code) {
    return keysPressed.indexOf(code) >= 0;
}