javascript - 在建议列表中单击滚动条时如何使输入不失去焦点

Question

我正在测试 TagDragon jQuery 插件，它正是我所需要的，但是有一个烦人的“功能”，当我单击建议列表中的滚动条时，它会隐藏它的结果。另一方面jQuery autocomplete插件不会失去对输入字段的关注，这就是它不隐藏其结果的原因。但是那个插件没有提供我需要的功能，所以我不能只替换tagdragon。我研究过 jQuery 自动完成代码，但我不明白他们如何将焦点放在输入字段上，我只是找不到负责的代码!

所以今天的问题是:如何在结果提示列表中使用滚动条时将焦点保持在输入上？

附言我还想知道 jQuery 自动完成插件是如何做到这一点的，因为在研究代码一个小时后，它对我来说就像魔法一样。

Answer 1

我刚刚问了一个类似的问题，但没有人回答，所以我基本上是在调整自己的代码，直到找到一个可行的解决方案。

在调查了其他一些选择器之后，我意识到诀窍不是添加关闭模糊列表的事件，而是通过执行以下操作检查其他可能性来模拟模糊事件:

1. 打开列表后，向文档添加一个单击事件 检查单击是否在事件输入中未打开，而不是 事件列表。如果这是真的，并且点击实际上是在非 list 上 文档的一部分，然后将其关闭。
2. 向建议列表中的每个列表项添加一个事件(当列表是 仅打开)选择值并关闭列表。
3. 向输入本身添加一个按键事件，这样如果用户按下回车键， 它会更改值并关闭列表。