JQuery自动完成仅使用左右箭头显示一个项目

Question

我在文档或谷歌中找不到任何信息。这个问题不需要向您显示代码，因此我将展示这些图像的含义。

1步骤：转到https://jqueryui.com/autocomplete/#default并输入内容，例如“a”。

2步骤：从上面给出的列表中选择“ActionScript”使用键盘上的arrowDown ：

3步骤：选择“ActionScript”时，按键盘上的 arrowLeft按钮。噗！除“ActionScript”之外，列表的其余部分已消失。我必须删除此行为，因此即使按 arrowLeft或arrowRight ，也会显示完整列表。

Answer 1

当您按向左或向右键时，您选择了ActionScript，它会尝试在列表中搜索具有单词actionscript的选项，这就是它消失的原因。尝试搜索java，然后按左或右键列表将在那里它不会消失，因为有更多的单词开始与Java，即javascript

Answer 2

我找到了解决方案！

只需在事件中添加这行代码（例如keydown）：

if ($('.ui-menu-item-wrapper').hasClass('ui-state-active') &&
    (e.key == 'ArrowRight' || e.key == 'ArrowLeft')) {
    $(".ui-autocomplete").autocomplete('');
}