javascript - 箭头键和输入键在js中不能一起工作

Question

我在一个角度项目中使用了引导选择。此选择与箭头键和回车键一起使用。箭头键使选择向上/向下，输入键选择值。但是这两个功能不能同时工作。这是代码-

var listOfDropDownItems = element.find('.dropdown-menu');
element.bind('keydown', function (evt) {
  if (evt.keyCode === 40 || evt.keyCode === 38) {
    // listOfDropDownItems.scrollTop = listOfDropDownItems.scrollTop + 24;
    listOfDropDownItems.scrollTop;
  }
});

/* 如果我评论上面的代码，下面的代码将起作用，反之亦然。*/

function hitEnter(e) {
  if (e.keyCode === 13) {
    // alert('Enter Pressed');
    $('.dropdown-item.active .dropdown-item-inner').click();
  }
}

document.addEventListener('keydown', hitEnter);
document.addEventListener('keyup', hitEnter);

标签： javascriptbootstrap-selectbootstrap-selectpicker