带键盘的引导导航条下拉卷轴

Question

情况

• 我有一个肚脐在我的网站上，在其中我有几个下拉菜单/超级游戏。
• 我需要这个下拉点击，当用户有选择的“滚动”页面与键盘上的箭头键上下。
• 使用已经起作用的鼠标轮
• 但键盘不..。即使您设置了焦点(使用。将jquery中的焦点()集中在导航栏之外的元素上。
• JSFiddle来了，如果没有显示下拉菜单，调整屏幕的大小。

然后试着在键盘上上下推，这种情况不能工作(屏幕不会向下或向上).只适用于鼠标滚轮，我也需要使用这个键盘。

我试过的案子是

$(document).keyup(function(event) {
     if(event.keyCode == 38) { // up
     // do something
     } else if(event.keyCode == 40) { //down
     // do something
     }
});

或

$('#menu').on('click', function(event) {
  $('body' or 'someelement').focus();
});

对不起我的英语。

Answer 1

所以，伙计们，我最终找到了答案。

单击此处查看最终的jsFiddle

最后，我捕获了菜单的onclick事件。

避免此事件的蔓延。

最后，我通过代码控制菜单的打开和关闭。

为此，我必须从菜单中移除数据-切换。

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret">  </b></a>

谢谢你的帮助。