4步实现Web页面上的简单快捷键

4步实现Web页面上的简单快捷键  

1、创建4个aspx页面page1.aspx,page2.aspx,page3.aspx, page4.aspx

2、打开page1.aspx，添加3个LinkButton，分别指向其余3个页面

         < div  style ="width: 100%; height: 154px;" >              < asp:LinkButton  ID ="lbPage1"  runat ="server"  PostBackUrl ="Page1.aspx" > 按下数字键“1”跳转到Page 1 </ asp:LinkButton >< br  />              < br  />              < asp:LinkButton  ID ="lbPage2"  runat ="server"  PostBackUrl ="Page2.aspx" > 按下数字键“2”跳转到Page 2 </ asp:LinkButton >< br  />              < br  />              < asp:LinkButton  ID ="lbPage3"  runat ="server"  PostBackUrl ="Page3.aspx" > 按下数字键“3”跳转到Page 3 </ asp:LinkButton >< br  />              < br  />          </ div >  

3、在page1的PageLoad中注册脚本   

protected   void  Page_Load( object  sender, EventArgs e)     {        ClientScript.RegisterClientScriptBlock(this.GetType(), "Shortcut", "document.attachEvent ('onkeyup',ShortcutKeys);", true);    }   

 

4、完成javascript函数ShortcutKeys

 在Header中添加下列代码 

    < script type = " text/jscript " >      function  ShortcutKeys()  {        //alert(event.keyCode);                // 1 Pressed For Page1        if (event.keyCode == 49)       {                   document.getElementById('lbPage1').click();        }                // 2 Pressed For Page2        if (event.keyCode == 50)        {            document.getElementById('lbPage2').click();        }                // 3 Pressed For Page3        if (event.keyCode == 51)        {            document.getElementById('lbPage3').click();                }      }      < / script> posted on 2008-01-25 10:19 tianyamoon 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/tianyamoon/archive/2008/01/25/1052611.html