JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.javascriptoo.com/application/html/js/ccampbell/mousetrap/mousetrap.min.js"></script>
<div id="click">CLICK</div>
<div id="click2">CLICK2</div>

JavaScript

(function ($) {
    $.fn.superon = function (keys, myfn) {
        $("body").on("click", this, function (e) {
            myfn();
        });
        Mousetrap.bind(keys, function () {
            myfn();
        });
    };
    $.fn.superoff = function (keys) {
        $("body").off(this);
        Mousetrap.unbind(keys);
    };
})(jQuery);


$("#click").superon("a", function () {
    alert("hello");
    $("#click").superoff("a");
});

$("#click2").superon("b", function () {
    alert("hello2");
    $("#click2").superoff("b");
});