jQuery 自定义保管箱 : how to tabindex

Question

我正在使用 jQuery 自定义我自己的保管箱，但想知道如何将 tabindex 应用于它。

我尝试使用隐藏的选择焦点/模糊事件，但似乎不起作用。

我还尝试将 tabindex 属性应用于我的自定义保管箱(div)，但没有成功。

有人可以提供示例或链接来向我展示如何实现此目标吗？

谢谢

Answer 1

我不确定我是否完全理解您的目的，但这也许会让您开始:http://jsfiddle.net/2rCFV/1/

$(window).keydown(function(e){
    if(e.which === 9){ //tab
        var selected = $('.selected');
        selected.removeClass('selected');

        var tabIndex = +selected.attr('tabIndex') + 1; //plus sign at beginnign converts it to a number

        var next = selected.siblings('[tabIndex=' + tabIndex + ']');

        if(next.length > 0){ //if this element exists
            next.addClass('selected');
        }else{
            selected.siblings('[tabIndex=' + 1 + ']').addClass('selected'); //select the first one
        }

        e.preventDefault();
    }
});