我有一个带有复选框的下拉列表，我可以在菜单中使用 Tab 键，进入下拉列表，然后使用空格键选择复选框。但是，当我再次点击选项卡时，焦点现在回到页面顶部，它应该转到下拉列表中的下一个复选框。这只是 IE 中的一个问题。
<label class="checkbox" tabindex="1" for="All Programs">
<input name="programNameSelection" tabindex="1" id="All Programs" type="checkbox" checked="" value="All Programs">
<span class="checkbox-text">All Programs</span>
</label>
新更新
<label class="checkbox" for="All Programs">
<input name="programNameSelection" tabindex="0" id="All Programs" type="checkbox" checked="" value="All Programs">
<span class="checkbox-text">All Programs</span>
</label>
您正在使用tabindex=1（两次）。
如果您试图使项目可聚焦，您应该使用tabindex=0.
选项卡索引上的任何正整数都将其置于指定位置的选项卡顺序中，并覆盖 DOM 的顺序。
tabindex=0 使项目可聚焦，但按照 DOM 的顺序。
对于您的示例，tabindex如果您将输入放在 a 中form，则根本不需要a因为输入可自动聚焦，除非您覆盖该功能（并将其放在表单中有助于屏幕阅读器）。
您还for需要是一个单词，在输入和输入AllPrograms上都没有空格forid
作为一般规则（我从来不需要亲自打破），没有充分的理由tabindex在项目上使用正数，HTML而是固定元素的顺序。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句