Jquery Bootstrap和输入字段Focus控件

Question

我使用Webapp，html，css和JQuery / JS在POS系统上工作。引导程序在Html中使用。

有一个主页面，其中包含一个输入字段，用于输入扫描的条形码。所有其他＆＃34;页面＆＃34;是模态的。 平板电脑设备是Windows平板电脑。已连接蓝牙键盘。 在任何情况下，用户都不需要使用Tab键，他们将使用触摸屏进行导航，键盘输入客户详细信息等。

对我的问题。 在主页面上，用户可能会意外按Tab键并将焦点移离条形码输入字段。如果他们这样做并且不知道，则下一个扫描的条形码将不会出现在项目列表中。我需要阻止这一点，以确保输入字段始终具有焦点。

有办法做到这一点吗？ 我曾考虑过关注主页上的每个其他元素（按钮等），然后立即将焦点重定向到输入字段。有更有效的方法吗？

由于

编辑：我认为这可以通过聚焦和检测到没有模态打开来实现..评论？

Answer 1

你可以试试这个：

$('#the-input').keydown(function(e){
    var keycode = (e.keyCode ? e.keyCode : e.which);
    if(keycode == '9'){
        e.preventDefault();
    }
})

当您按Tab键时，它将防止焦点丢失。