jQuery如果选择了特定的tabindex

时间:2013-07-18 20:34:23

标签: jquery

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

这里我想在tab关注tabindex = 3时添加活动类:

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

这里是小提琴测试:http://jsfiddle.net/4XbN3/

1 个答案:

答案 0 :(得分:4)

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

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

FIDDLE

如果您需要删除该课程,那么在模糊方面也是如此:

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