Hotkeys in jQuery

Hotkeys JqUERY2

This time, let’s tackle about Hotkeys jQuery plugins. Hotkeys is a plug-in that easily manipulate and catch all keys event of a keyboard. With this, you can create an event handler depending on what situation in the method. You can also create any key combinations of a keyboad that support the process you have created.


Let’s begin:


  • Create a page and name it “demo.html“.
  • Do the following codes for the design of a page.
 <title>Hotkeys Jquery Plugins</title>
 <style type="text/css">
 width: 100px;
 height: 30px;
 font-size: 14px;
    <td><input type='text' id='input'></td>
  • Set the following jQuery Plugins.
<script src="jquery-1.4.2.js"></script>
<script src="jquery.hotkeys.js"></script>
  • Finally, create a script for the key events of a keyboard.
 this.value = this.value.replace('a', 'b');


Another Example:




Note: This example is available in sourcecode file.


For all students who need programmer for your thesis system or anyone who needs a sourcecode in any programming languages. You can contact me @ :
Email – [email protected]
Mobile No. – 09305235027 – tnt


Download Sourcecode

Leave a Comment