Jquery Bootstrap和輸入字段集中控制

Question

我正在使用Webapp，html，css和JQuery/JS開發POS系統。 Bootstrap在Html中使用。

有一個主頁面，其中有一個輸入字段，輸入掃描的條形碼。所有其他「頁面」都是模態的。 平板設備是Windows平板電腦。藍牙鍵盤已連接。 有沒有情況下，用戶將需要使用製表按鈕，他們將使用觸摸屏導航和鍵盤輸入客戶的詳細信息等。

對我的問題。 在主頁面上，用戶可能會意外按下Tab鍵並將焦點從條形碼輸入字段移開。如果他們這樣做並且不知道，則下一個掃描的條形碼將不會出現在項目列表中。我需要防止這種情況，以確保輸入字段始終具有焦點。

有沒有辦法做到這一點？ 我曾考慮過檢測主頁上每個其他元素（按鈕等）的焦點，然後立即將焦點重定向到輸入字段。有沒有更高效的方法？

感謝

編輯：我想這可能與事件的內容來實現，並檢測到沒有情態動詞是開放的..意見？

Answer 1

你可以試試這個：

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

這將防止當您按下Tab鍵將失去焦點。