ASP.NET 中 javascript 中的下一个/上一个 (CTRL->/<-CTRL) 键盘快捷键

发布于 2024-07-23 09:40:11 字数 293 浏览 7 评论 0 原文

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

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

我怎样才能实现键盘快捷键,这样我只需按住 Ctrl 并按 即可前进到下一页和上一页>?

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

I have a simple ASP.NET page with paging support.
Basically just hyperlinks that look like this:

report.aspx&page=1
report.aspx&page=2
etc

How could I implement a keyboard shortcut so I could go forward to next page and to previous page by just holding Ctrl and pressing either or ?

I have seen this functionality implemented on some discussion boards,
but I can't figure out how to do it.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

你的心境我的脸 2024-07-30 09:40:11

请参阅http://www.artlebedev.com/tools/technogrette/js/箭头导航/

<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>

See 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>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文