添加键盘导航到现有的javascript

时间:2014-05-25 15:49:18

标签: javascript jquery

我有这个javascript函数,它对我的​​图像滑块进行分页。我还想根据现有的javascript代码添加键盘箭头导航(左和右)。我对javascript不太熟悉。

这是我的javascript代码

pageSize = 1;

showPage = function(page) {
    $(".comix").hide();
    $(".comix").each(function(n) {
        if (n >= pageSize * (page - 1) && n < pageSize * page)
            $(this).show();

    });        
}

showPage(1);

$("#pagin li a").click(function() {
    $("#pagin li a").removeClass("current");
    $(this).addClass("current");
                $('html, body').animate({scrollTop: $("#wrapper").offset().top}, 1000);

    showPage(parseInt($(this).text())) 
});

    $('#pagin li').each(function(i) {
    if ( i === 1 ) {
       $(this).addClass('current');
    }
});

这是我的jsFiddle

我不知道如何处理它。任何帮助都将受到高度赞赏。

1 个答案:

答案 0 :(得分:0)

您只需捕获左右键的事件

$(document).keydown(function(e){
    if (e.keyCode == 37) { 
       alert( "left pressed" );
       return false;
    }
    elseif (e.keyCode == 39) { 
       alert( "right pressed" );
       return false;
    }
});

来源:https://stackoverflow.com/a/1402733/73010

相关问题