如何使用 javascript 在按下某个键时加载新页面?

发布于 2025-01-08 14:50:02 字数 292 浏览 0 评论 0原文

我有:

<a id="nextPage" href="somepage.php?name=foo">Next Page</a>

当有人按下键盘上的箭头按钮时,我想将用户重定向到锚标记中包含的 href。我怎样才能用 javascript/jquery 做到这一点?

我在想这样的事情:

window.location = $('#nextPage').attr('href');

有什么想法吗?

I have:

<a id="nextPage" href="somepage.php?name=foo">Next Page</a>

When someone presses an arrow button on the keyboard, I want to redirect the user to the href contained in the anchor tag. How can I do this with javascript/jquery?

I was thinking something like this:

window.location = $('#nextPage').attr('href');

Any thoughts?

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

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

发布评论

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

评论(2

最好是你 2025-01-15 14:50:02
$(document).on('keydown', function (event) {alert(event.type);
    if (event.which == 37) {
        $('#prevPage').trigger('click');
        //or
        window.location = $('#prevPage').attr('href');
    } else if (event.which == 39) {
        $('#nextPage').trigger('click');
        //or
        window.location = $('#nextPage').attr('href');
    }
});​

这是一个演示: http://jsfiddle.net/jasper/VprbW/2/

还可以访问链接之一的 href 属性,如下所示,以加快执行速度:

window.location = document.getElementById('nextPage').href;
$(document).on('keydown', function (event) {alert(event.type);
    if (event.which == 37) {
        $('#prevPage').trigger('click');
        //or
        window.location = $('#prevPage').attr('href');
    } else if (event.which == 39) {
        $('#nextPage').trigger('click');
        //or
        window.location = $('#nextPage').attr('href');
    }
});​

Here is a demo: http://jsfiddle.net/jasper/VprbW/2/

You can also access the href attribute of one of the links like this to perform faster:

window.location = document.getElementById('nextPage').href;
櫻之舞 2025-01-15 14:50:02

您想使用 onkeypress 事件。

http://www.javascriptkit.com/jsref/eventkeyboardmouse.shtml

描述如何使用此事件还为您需要的任何按钮提供了键码生成器。

You want to use the onkeypress event.

http://www.javascriptkit.com/jsref/eventkeyboardmouse.shtml

Describes how to use this event and also gives a keycode generator for whatever button you need.

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