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