键盘功能不适用于Tab键（jQuery）

Question

我在jQuery中遇到Tab键问题。 Tab键的功能键在任何情况下均不起作用。 无论我在该函数中编写了什么，它都行不通，只专注于下一个文本框。

我尝试了这个：

$('#sn_c3_scan').keyup(function(event) {
        if (event.key == "Tab") {
            alert('haha');
        }
 });

还有这个：

$('#sn_c3_scan').keyup(function(event) {
    if (event.keyCode == "9") {
        alert('haha');
    }
});

顺便说一句，keydown事件仍然有效。 但是因为键不起作用，所以释放键时浪费了我写的任何将焦点更改为另一个控件的内容（因为它会自动将焦点更改为下一个控件，这是我不希望的）。

有人知道吗

顺便说一下，这是我的文本框HTML：

    <div class="row c3">
        <div class="col-md-3">
            <b>Serial (S/N):</b> 
        </div> 
        <div class="col-md-9"> 
            <input type="text" id = "sn_c3_scan" class="form-control" autofocus> 
        </div> 
   </div>

    <div class="row c3">
        <div class="col-md-3">
            <b>AAAA:</b> 
        </div> 
        <div class="col-md-9"> 
            <input type="text" id = "sn_c3_scan2" class="form-control"> 
        </div> 
   </div>

Answer 1

在选项卡上按下键时，焦点将切换到下一个元素，因此按下键将不会在输入字段上触发。 相反，您可以记住“ tab”事件的按下状态，并在“ document”上的按下状态下执行代码。

jsbin链接： https ://output.jsbin.com/tinoroxopu/3

 (function(){ var tabPress = false; $('#sn_c3_scan').keydown(function(event) { if (event.keyCode == "9") { tabPress = true; } }); $(document).on('keyup', function(){ if(tabPress){ alert('hello'); tabPress = false; //reset } }) })();