BootStrap下拉選項 - 限制選項更改的TAB鍵

Question

我的頁面中實現了引導下拉菜單。在下拉菜單中打開select中的選項。向上和向下箭頭鍵用於瀏覽選項。但'TAB'鍵現在也執行相同的選項導航。相反，我需要TAB鍵作爲'ENTER'鍵來選擇一個選項。

需要覆蓋TAB鍵的默認操作。請諮詢

Answer 1

也許這可以幫助你。它使用jQuery來簡化。 keyCode 9攔截Tab鍵。事件上的preventDefault（）阻止由給定按鍵生成的事件的正常行爲。

$("#myDropdown").on('keydown', function(e) { 
    var keyCode = e.keyCode || e.which; 

    if (keyCode == 9) { 
    e.preventDefault(); 
    $("#myDropdown .option").click(); 
    } 
});