javascript - 在 div 中使用箭头键

Question

我有两个 div。其中一个包含输入字段，另一个包含建议列表。我想要的是用户能够使用箭头键在第二个 div 中向下滚动并滚动浏览建议列表。这是它的样子:

<div id="first"><input type="text" /></div>

<div id="second"> 
<ul>
<li>suggestion</li>
<li>suggestion2</li>
<li>suggestion3</li>
</ul>
</div>

我实际上在 Stack 找到了一些东西:Fiddle

但我无法让它工作，因为它使用类名，而我使用的是 ID。如果有人能为我重写它以便我可以附加 ID，我将不胜感激。

Answer 1

让 fiddle 按照你想要的方式工作是一个非常简单的改变:

jsfiddle

类名只是为了突出显示所选项目。 fiddle 使用 id 来引用输入和项目包装器。它与您的代码实际上并没有太大不同。现在您可以看到它与您的代码一起工作，您应该能够做出您认为合适的其他更改。希望对您有所帮助。

编辑:糟糕。看起来我忘了更新 fiddle 。这已得到修复。