使用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