ページ外のフォーカスを無効にする

Question

キーボード（ジョイスティック）のみのナビゲーションを持つWebページベースのアプリケーションを作っています。私はtabindexを使用していますが、アドレスバー、検索バー、またはページ外の他のものにもフォーカスを無効にする必要があります。

このアプリケーションは特定のデバイスでのみ実行されるため、機能を無効にするには問題ありません。

可能ですか？

Answer 1

解決するにはクールな問題でした。

EDIT：後方[シフト] + [タブ]を追加しました。

このスクリプトを試してみてください、（working Fiddle here）：

var firstInputObj; 
var lastInputObj; 

$("input").each(function(){ 
    if($(this).attr("tabIndex")=="1"){ 
     firstInputObj=$(this); 
    } 
    lastInputObj=$(this); 

}); 
$(firstInputObj).focus(); 

// tab (forward) 
$(lastInputObj).on("keydown",function(e){ 
    if(!e.shiftKey && e.which==9){ 
     e.preventDefault(); 
     $(firstInputObj).focus(); 
    } 
}); 

// Shift tab (backward) 
$(firstInputObj).on("keydown",function(e){ 
    if(e.shiftKey && e.keyCode == 9) { 
     e.preventDefault(); 
     $(lastInputObj).focus(); 
    } 
});