JSFiddle - React, Tailwind, and code Playground

by AaronLayton

HTML

<script src="http://cloud.github.com/downloads/RobertWHurst/KeyboardJS/keyboard.0.2.2.min.js"></script>
<a href="#products" data-shortcut="ctrl+q">Products</p>

JavaScript

$('[data-shortcut]').each(function(i,e){

    var elm = e;    // Make local 

    // KeyboardJS.bind.key(keyCombo, onDownCallback, onUpCallback);
    KeyboardJS.bind.key( $(elm).data('shortcut') , function(){
        $(elm).trigger('click');
    });

    // Add to the title tag to show the shortcut on hover
    var newTitle = $(elm).attr('title');
    if (newTitle !== undefined){
        $(elm).attr('title', newTitle + " (" + $(elm).data('shortcut') + ")")
    }else{
        $(elm).attr('title', "(" + $(elm).data('shortcut') + ")")
    }
});