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

Question

我在我的页面中实现了 Bootstrap 下拉菜单。点击下拉菜单会打开选择中的选项。向上和向下箭头键用于浏览选项。但是“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();
  } 
});