javascript - 在页面外禁用焦点

我正在制作一个基于网页的应用程序，该应用程序仅具有键盘（操纵杆）导航。我使用tabindex，但是我还需要禁用对地址栏，搜索栏或页面外其他任何内容的关注。

该应用只能在一个特定设备上运行，因此可以（实际上需要）禁用某些功能。

可能吗？

最佳答案

这是一个很酷的问题。

编辑：添加了向后的[shift] + [tab]。

尝试以下脚本，（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();
    }
});