ASP.NET HotKeys

• Download source files - 24.3 KB

Introduction

This article shows how to support HotKeys in your ASPX pages.

The steps involved

Step 1

Open VS.NET and create a new ASP.NET Web Application project.

Step 2

Add two web forms: aspxMain.aspx and aspxFunction01.aspx.

Step 3

As the following screenshot shows, add a Label and three Buttons on aspxMain.aspx.

Step 4

Add a Label and a Button on aspxFunction01.aspx.

Step 5

Double-click on Button1 of aspxMain.aspx to change the IDE view to the aspxMain.aspx.cs editor and paste the following code in the editor:

Response.Redirect("aspxFunction01.aspx");

Step 6

Edit the code inside aspxMain.aspx, and add the following to the bottom of the editor:

<SCRIPT LANGUAGE="Javascript">
<!--
function Even() {
key = event.keyCode;

switch(key) {
case 33:
var b = document.getElementById("Button1");
b.click();
break;
case 64:
var b = document.getElementById("Button2");
b.click();
break;
case 35:
ver b = document.getElementById("Button3");
b.click();
break;
}
}

document.onkeypress = Even;
-->
</SCRIPT> 

Step 7

Double-click on Button1 of aspxFunction01.aspx to switch the IDE view to aspxFunction01.aspx.cs and paste the following:

Response.Redirect("aspxMain.aspx");

Step 8

Edit the code inside aspxFunction01.aspx, and add the following to the bottom of the editor:

<SCRIPT LANGUAGE="Javascript">
<!--
function Even() {
    key = event.keyCode;

    switch(key) {
    case 41:
        var b = document.getElementById("Button1");
        b.click();
        break;
}
}

document.onkeypress = Even;
-->
</SCRIPT>

Step 9

Test to see whether the project meets your needs or not.

Feel free to let me know your feedback.