2012-02-25 47 views
2

我:如何在按下按键时使用JavaScript加载新页面?

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

当有人按下键盘上的箭头按钮,我想将用户重定向到包含在定位代码中href。我怎样才能做到这一点与JavaScript/jQuery的?

我的想法是这样的:

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

有什么想法?

+0

阅读http://api.jquery.com/click/ – 2012-02-25 00:30:41

+0

当我按下箭头键时,我希望我的浏览器在浏览器窗口中滚动页面。 – 2012-02-25 00:31:06

+1

@Yaypaul - 他问的是按键,而不是鼠标点击。 – 2012-02-25 00:32:07

回答

3
$(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; 
相关问题