Question

我的webapplication中有一条popover消息。你想要执行此操作的事情。它有2个按钮/锚标签。

当我显示此弹出框时，第一个按钮处于焦点（我用jquery.focus设置焦点）现在，当我按下tab时，焦点转移到第二个按钮，之后当我点击tab时，焦点会回到页面中的某个位置（popover下方）。如何确保当我一直按下标签焦点时，只需在弹出窗口中的2个按钮（或n个按钮和循环返回）之间切换，而不是返回页面。

Answer 1

尝试绑定选项卡keydown，然后关注任何未聚焦的按钮。

$("body").keypress(function(e) {
    var code = (e.keyCode ? e.keyCode : e.which); 
    if(code == 9){
        if($("#button_one").focus()){
            $("#button_two").focus();
        }
        else if($("#button_two").focus()){
            $("#button_one").focus();
        }
    }
});

Source

使用tab键在popover上切换锚标签

1 个答案: