javascript - Keyboard shortcuts with jQuery

ID : 20286

viewed : 17

Tags : javascriptjquerykeyboard-shortcuts

Top 5 Answer for javascript - Keyboard shortcuts with jQuery

vote vote


Since this question was originally asked, John Resig (the primary author of jQuery) has forked and improved the js-hotkeys project. His version is available at:

vote vote


What about jQuery Hotkeys?

jQuery Hotkeys lets you watch for keyboard events anywhere in your code supporting almost any key combination.

To bind Ctrl+c to a function (f), for example:

$(document).bind('keydown', 'ctrl+c', f); 
vote vote


I recently wrote a standalone library for this. It does not require jQuery, but you can use it with jQuery no problem. It's called Mousetrap.

You can check it out at

vote vote


Well there are many ways. But I am guessing you are interested in an advanced implementation. Few days back I was in same search, and I found one.


It's good for capturing events from keyboard and you will find the character maps too. And good thing is ... it's jQuery. Check the demo on same page and decide.

An alternative library is here.

vote vote


    <script type="text/javascript">         $(document).ready(function(){             $("#test").keypress(function(e){                 if (e.which == 103)                  {                     alert('g');                  };             });         });     </script>      <input type="text" id="test" /> 

this site says 71 = g but the jQuery code above thought otherwise

Capital G = 71, lowercase is 103

Top 3 video Explaining javascript - Keyboard shortcuts with jQuery