JSFiddle - React, Tailwind, and code Playground

by poztin

HTML

<script src="https://rawgit.com/madrobby/keymaster/master/keymaster.js"></script>
<div id="btn">
    Click Me    
</div>

CSS

div {
    width:100px;
    height:50px;
    background-color:steelblue;
    color:white;
    font-family:arial;  
    text-align:center;
    display:table-cell;
    vertical-align:middle;
    cursor:pointer;
    border-radius:4px;
}

JavaScript

var btn = document.getElementById('btn');
btn.onclick = function() {
    if(key.ctrl || key["⌘"]) {
        console.log('Modified Button Click');
    } else {
        console.log('Normal Button Click');    
    }
}