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        }     }

Share the Post:
Share on facebook
Share on twitter
Share on linkedin


The Latest

microsoft careers

Top Careers at Microsoft

Microsoft has gained its position as one of the top companies in the world, and Microsoft careers are flourishing. This multinational company is efficiently developing popular software and computers with other consumer electronics. It is a dream come true for so many people to acquire a high paid, high-prestige job

your company's audio

4 Areas of Your Company Where Your Audio Really Matters

Your company probably relies on audio more than you realize. Whether you’re creating a spoken text message to a colleague or giving a speech, you want your audio to shine. Otherwise, you could cause avoidable friction points and potentially hurt your brand reputation. For example, let’s say you create a

chrome os developer mode

How to Turn on Chrome OS Developer Mode

Google’s Chrome OS is a popular operating system that is widely used on Chromebooks and other devices. While it is designed to be simple and user-friendly, there are times when users may want to access additional features and functionality. One way to do this is by turning on Chrome OS