将键盘绑定到Onclick事件

时间:2012-05-10 20:27:57

标签: javascript jquery keyboard bind slideshow

我遇到了jquery幻灯片的问题,我想在下一个/右边绑定以使图像向前/向后跳转。

我使用以下代码尝试执行此操作,但只是刷新页面。

<script>
$(function() {$(document).keyup(function(e) {
switch(e.keyCode) { case 37 : window.location = $('#prev a').attr('href'); break;
case 39 : window.location = $('#next a').attr('href'); break; }});});
</script>   

我试图打电话的是:

<a href='#' id='prev' onclick='show_image($prev); return false;'>

<a href='#' id='next' onclick='show_image($next); return false;'>

有没有人知道一个简单的方法来削减中间人并简单地左/右绑定每个onclick事件?

Anyhelp将不胜感激!

2 个答案:

答案 0 :(得分:0)

这应该有效:

$(function() {
    $(document).keyup(function(e) {
        switch (e.keyCode) {
        case 37:
            $('#prev a')[0].onclick();
            break;
        case 39:
            $('#next a')[0].onclick();
            break;
        }
    });
});​

根据您按下的键,调用左侧或右侧按钮的onclick事件处理程序。

答案 1 :(得分:0)

$(function() {
    $(document).keyup(function(e) {
        switch (e.keyCode) {
        case 37:
            $('#prev').click();
            break;
        case 39:
            $('#next').click();
            break;
        }
    });
});​