如何在 Javascript 滑块上设置 tabindex

Question

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

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

... 没有成功。 也许 tabIndex 属性要求所有元素都标记为带有 tabIndex 才能运行？ 身份证。

欢迎任何关于如何实现这一点的想法/评论。

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);
}

在辅助函数中发送索引

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>