如何在jquery中重新关注锚点

时间:2014-03-25 18:12:42

标签: jquery

我正在开发一个旋转木马,点击焦点移动到子窗口的任何项目。现在我可以在子窗口上进行标记。但是按SHIFT + TAB按相反的顺序,我的重点不是转到我的父项,否则它会移到最后一项。

附上小提琴代码

http://jsfiddle.net/judearasu/ZBXAu/

$(function(){
        $('a').click(function(){
            $('.card-details').attr('tabindex','-1').focus();
        });
    });

基于我对特定锚点的标签上的示例代码,可以说两个。按下Enter按钮焦点移动到子div,并进一步tabbing焦点移动到div。 在使用SHIFT + TAB进行反转时,我无法移动到我的父锚点而是焦点移动到最终的锚点七。

1 个答案:

答案 0 :(得分:0)

我通过在keydown期间在父锚点上添加一个类来解决这个问题,并在shift + tab从子div中移出时再次聚焦它。

小提琴http://jsfiddle.net/judearasu/d9Z27/

$(function(){
            $('.carousel-bus li').keydown(function(e){
                $(this).children().addClass('one');
                if(e.keyCode == 13)
                {
                    $('.card-details h2 a').focus();
                }
                $('.card-details h2 a').keyup(function(e){
                    if(e.shiftKey && e.keyCode == 9)
                    {
                        $('.one').focus();
                    }
                })

            });
        });