jquery - 使用 tab 键在弹出框上切换锚标签

Question

我的网络应用程序中有一条弹出消息。你想执行此操作。它有 2 个按钮/锚标签。

当我显示此弹出窗口时，第一个按钮处于焦点状态（我正在使用 jquery.focus 设置焦点）现在，当我按下选项卡焦点时，焦点转移到第二个按钮，然后当我点击选项卡焦点返回页面中的某些内容（在弹出框下方）。我如何确保当我继续按下选项卡焦点时，仅在弹出窗口中的 2 个按钮（或 n 个按钮并循环返回）之间切换而不返回页面。

Answer 1

尝试绑定 tab 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();
        }
    }
});

资源