BootStrap下拉选项 - 限制选项更改的TAB键

Question

我的页面中有一个bootstrap下拉列表。 clikcing on dropdown打开select中的选项。向上和向下箭头键用于导航选项。但是＆＃39; TAB＆＃39; key现在也执行相同的选项导航。相反，我需要TAB键来选择一个选项作为＆＃39; ENTER＆＃39;关键是。

需要覆盖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();
  } 
});