Extends mousetrap.js to add global bindings that still work in form fields. Just include this js after mousetrap.

mousetrap-global.js

/**
 * adds a bindGlobal method to Mousetrap that allows you to
 * bind specific keyboard shortcuts that will still work
 * inside a text input field
 *
 * usage:
 * Mousetrap.bindGlobal('ctrl+s', _saveChanges);
 */
Mousetrap = (function(Mousetrap) {
    var _global_callbacks = {},
        _original_stop_callback = Mousetrap.stopCallback;

    Mousetrap.stopCallback = function(e, element, combo) {
        if (_global_callbacks[combo]) {
            return false;
        }

        return _original_stop_callback(e, element, combo);
    };

    Mousetrap.bindGlobal = function(keys, callback, action) {
        Mousetrap.bind(keys, callback, action);

        if (keys instanceof Array) {
            for (var i = 0; i < keys.length; i++) {
                _global_callbacks[keys[i]] = true;
            }
            return;
        }
        
        _global_callbacks[keys] = true;
    };

    return Mousetrap;
}) (Mousetrap);

mousetrap-global.min.js

Mousetrap=function(a){var d={},e=a.stopCallback;a.stopCallback=function(b,c,a){return d[a]?!1:e(b,c,a)};a.bindGlobal=function(b,c,e){a.bind(b,c,e);if(b instanceof Array)for(c=0;c<b.length;c++)d[b[c]]=!0;else d[b]=!0};return a}(Mousetrap);

No, you're not. It's Mousetrap.bindGlobal

Thanks. Didn't notice bindGlobal

Hi, CAn I ask you what kind of licence you have on this code ? I'd like to use this in a professional/commercial environment, and I need to be sure of the licence type...

Thanks

There is no longer a need for this code, now you can do:

Mousetrap(document.body).bind('h', function () { console.log("hello!!!!"); });

Since now Mousetrap(DOMElement) has de following functionallity:

Any event triggered from a child element of the element you bound to will bubble up. This means in the example above, if you press command+s in a text area inside your form the callback will still fire.

So the default rules about events not firing inside of a textarea or input do NOT apply when Mousetrap is attached to a specific element.

hi ,
i want to use mousetrap.js on text field and text area and want convert the word into some other word
for example :-
when we press a and it will convert it into other word
how can we do this with mousetrap.js

hi,
on text field , when i press a or shift+a or g + a etc and it will convert into some other word . you can say translator.
how to do this on text field .

Doesn't work macOS, chrome latest