如何在Javascript滑块上设置表索引

Question

我试图将tabindex设置在与这样一个滑块相关的箭头上，但是当使用tab从网页上的一个元素移动到下一个元素时，箭头会被跳过。我试过这个…

<a class="prev" onclick="plusSlides(-1).tabIndex = '3'">❮</a>
<a class="next" onclick="plusSlides(1).tabIndex = '4'">❯</a>

…没有成功。也许tabIndex属性需要所有元素都标记为w/tabIndex才能发挥作用?IDK .

任何关于如何实现这个的想法/评论都是欢迎的。

Answer 1

<a class="prev" onclick="plusSlides(-1,3)">❮</a>
<a class="next" onclick="plusSlides(1,4)">❯</a>
function plusSlides(n,index) {
showSlides(index += n);
}
function currentSlide(n,index) {
showSlides(index = n);
}

send index in side function

Answer 2

我在这里找到了答案。当tabindex设置如下时，滑块的箭头可通过键盘的tab键遍历:

<a class="prev" id="previd" tabindex="0" onclick="plusSlides(-1)">❮</a>
<a class="next" id="nextid" tabindex="0" onclick="plusSlides(1)">❯</a>