我有以下html:
<span tabindex="19">
</span>
<span tabindex="20">
</span>
<span tabindex="21">
</span>
<span id="hidden" tabindex="22">
</span>
<span tabindex="23">
</span>
<span tabindex="24">
</span>
如您所见,span中的一个已隐藏,隐藏它的代码是
#hidden
{
display: none;
}
我想要一个选项卡跳过隐藏索引的行为。所以当我单击选项卡时,我想要这样的东西:-
转到19,20,21,23,24
我无法控制选项卡索引,因为它们在html i进程中进行了硬编码。
最佳答案
您可以给它一个负的tabindex,它应该被浏览器忽略。也有执行此操作的jQuery插件,例如SkipOnTab https://github.com/joelpurra/skipontab。
var $hidden = $('#hidden');
$hidden.attr('tabindex', '-' + $hidden.attr('tabindex'));