zoukankan      html  css  js  c++  java
  • 4步实现Web页面上的简单快捷键

     

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

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

            <div style=" 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、page1PageLoad中注册脚本   

    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>
  • 相关阅读:
    XML 加密、解密
    word 转 pdf
    PowerDesigner(PowerDesigner15.1.0.2850)下载、安装以及破解
    SQL 2005 18456
    SQL 2005端口的修改
    SQL——统计查询
    由于启动用户实例的进程时出错,导致无法生成 SQL Server 的用户实例 解决办法
    ASP.NET MVC中Model View Controller的开发顺序
    使用Windows身份验证的Intranet网站安全管理 Windows Authentication
    ASP.NET web.config中数据库连接字符串connectionStrings节的配置
  • 原文地址:https://www.cnblogs.com/tianyamoon/p/1052611.html
Copyright © 2011-2022 走看看