添加键盘导航到现有的javascript

Add keyboard Navigation to existing javascript

本文关键字：javascript 键盘 导航 添加      更新时间：2023-09-26

我有这个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

我不知道如何处理它。如有任何帮助，不胜感激。

你只是捕捉左键和右键的事件

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

相关文章：