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(); 
    } 
});