【问题标题】:Next/Prev (CTRL->/<-CTRL) keyboard shortcuts in javascript in ASP.NETASP.NET 中 javascript 中的 Next/Prev (CTRL->/<-CTRL) 键盘快捷键
【发布时间】:2009-06-09 03:11:21
【问题描述】:

我有一个带有分页支持的简单 ASP.NET 页面。 基本上只是看起来像这样的超链接:

report.aspx&page=1
报告.aspx&page=2
等等

我怎样才能实现一个键盘快捷键,这样我就可以通过按住 Ctrl 并按 →?

我已经在一些讨论板上看到了这个功能, 但我不知道该怎么做。

【问题讨论】:

    标签: asp.net javascript keyboard-shortcuts paging


    【解决方案1】:

    http://www.artlebedev.com/tools/technogrette/js/arrow-navigation/

    <link rel="prev" href="report.aspx&page=1" id="PrevLink" />
    <link rel="next" href="report.aspx&page=2" id="NextLink" />
    
    . . .
    
    <script language="javascript" type="text/javascript">
    document.onkeydown = NavigateThrough;
    
    function NavigateThrough (event)
    {
      if (!document.getElementById) return;
    
      if (window.event) event = window.event;
    
      if (event.ctrlKey)
      {
        var link = null;
        switch (event.keyCode ? event.keyCode : event.which ? event.which : null)
        {
          case 0x25:
            link = document.getElementById ('PrevLink');
            break;
          case 0x27:
            link = document.getElementById ('NextLink');
            break;
        }
    
        if (link && link.href) document.location = link.href;
      }         
    }
    </script>
    

    【讨论】:

    • 在 IE8 中似乎不起作用:keyCode 为空或不是对象。
    • 糟糕,这行显然是必需的: if (window.event) event = window.event;我从img.artlebedev.ru/svalka/navigate.js 更新了示例
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-11-16
    • 2010-09-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-01-21
    相关资源
    最近更新 更多