RSS Feed
Download our iPhone app
Browse DevX
Sign up for e-mail newsletters from DevX

Tip of the Day
Language: .NET
Expertise: Beginner
Jul 16, 2010

Handling Keyboard Shortcuts in ASP.NET Using Javascript

Keyboard shortcuts improve productivity by accomplishing tasks more quickly and without much effort. If you have used the new YahooMail or Gmail, you will be quiet familiar with these shortcuts.

To implement similar functionality in your asp.net 2.0/3.5 applications follow these 2 simple steps:

[login] 1. In the Page_Load event of your asp.net page put the following code:

protected void Page_Load(object sender, EventArgs e)
ClientScript.RegisterClientScriptBlock(this.GetType(), "Shortcut", "document.attachEvent ('onkeyup', HandleShortcutKeys);", true);
The above code attaches the "onkeyup" event to HTML document object and calls "HandleShortcutKeys()" Javascript function on key up event.

2. Implement the the onkeyup event handler function ( HandleShortcutKeys() in this case ) on the client side (i.e. Javascript) to handle the key events like below:
function HandleShortcutKeys()
       // 1 Pressed
        if (event.keyCode == 49)
          //... Implement some code/functionality
        // 2 Pressed
        if (event.keyCode == 50)
            //... some other code
        // 3 Pressed
        if (event.keyCode == 51)
           //... some other code
Deepak Choudhari
Close Icon
Thanks for your registration, follow us on our social networks to keep up-to-date