jQuery 如果选择了特定的 tabindex

Question

如果用户跳转到特定的选项卡索引，是否可以添加类？我想在用户选项卡到达特定索引时添加类，并在跳转到另一个索引时删除类？谢谢!

这里我想在选项卡聚焦于 tabindex=3 时添加事件类:

<input type="text" tabindex="1" />
<input type="text" tabindex="2" />
<a href="#" tabindex="3" />Hello</a>
<input type="text" tabindex="4" />

这是用于测试的 fiddle :http://jsfiddle.net/4XbN3/

Answer 1

使用正确的 tabindex 定位元素，并在焦点上添加一个类:

$('[tabindex="3"]').on('focus', function() {
    $(this).addClass('active');
});

FIDDLE

如果您需要删除该类，则模糊效果相同:

$('[tabindex="3"]').on({
    focus: function() {
        $(this).addClass('active');
    },
    blur: function() {
        $(this).removeClass('active');
    }
});