鍵盤功能不適用於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 } }) })();