使用Tab键在弹出窗口上切换锚点标记

Question

我的web应用程序中有一个弹出消息。就像你想要执行这个动作。它有2个按钮/定位标签。当我显示这个弹出窗口时，第一个按钮是焦点（我用jquery.focus设置焦点） 现在，当我按标签焦点切换到第二个按钮，然后当我点击标签焦点回到页面中的东西（下面的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