Javascript 如何使Owl转盘键盘可访问

根据，为了使网站被认为是可访问的，您应该能够使用键盘实现内容的所有功能：

内容的所有功能都可以通过键盘操作 接口

我使用的是猫头鹰旋转木马2，添加了箭头并将其链接如下：

$('.carousel-left-arrow').click(function () {
        owl.trigger('next.owl.carousel');
    });

但这些箭头不能通过键盘访问，只能通过鼠标访问。

---

如何使其可访问？

首先，要通过键盘访问

div

，需要向其添加

tabindex

属性。例如：

    <div class="carousel-arrow carousel-right-arrow" tabindex="0" >

---

更好的是，只需使用按钮并根据您的需要设置样式即可-按钮完全可以通过键盘直接访问。@BrendanMcK感谢您提供了这个更好的解决方案。唯一的缺点是样式。一定要使用既支持回车键又支持空格键的

，所以一定要听字符32。至于样式，一个

可以像任何其他元素一样进行样式化，所以这绝不是不使用它的理由。

$('.carousel-arrow').keypress(function (e) {
    if(e.which === 13)
    {
        this.click();
        return false;
    }
});