尝试使用按标签创建引导轮播并输入键

Question

尝试使用 Tab 按键支持创建引导轮播。我刚刚使用了这个http://bootsnipp.com/snippets/featured/bootstrap-carousel-with-text 博客。

尝试添加标签和按键功能。如果最终用户可以按 Tab 和 Enter 键，它应该指向左右箭头以及轮播指示器下方，然后导航到下一个滑块。

请建议我如何在其中添加该功能。

Answer 1

您需要添加关键侦听器，如下所示：

$(document).ready(function() {

    $(document).keydown(function(e) {
        if(e.keyCode == 38) { // left nav key pressed
            // code to load prev slide
        } else if(e.keyCode == 40) { // right nav key pressed
            // code to load next slide
        }
    });

});

您可以在此处找到所有关键代码：http://keycode.info/