CSS或JavaScript导致搜索结果框出现在按键之前

Question

我有一个在几个页面上呈现的表单，基本上是一个模糊搜索，填充下拉UL，并在您键入（从数据库）时可以选择结果。功能就在那里，但是在“焦点”上出现一个6px，空的“下拉列表”，没有结果。在检查时，它是包含搜索结果的ul的div（参见下面的屏幕截图）。不幸的是，我已经进入了这个项目的一半，并且到目前为止，还没有检测到下拉列表出现的方式或原因，然后才能填充结果。我检查了所有类，并检查了JS文件。他们都没有创建6px，空盒子，其中一个类实际上是将dropdown div设置为'display：none'，我猜这是在应用焦点时会被覆盖的地方。 Chrome检查员无法向我提供有关哪个类导致它的任何信息，除了div本身的高度为6px。该网站正在使用自定义CSS样式表，jQuery（1.9）和jQuery UI（1.10.2）。

Answer 1

根据您的说明，我认为您使用focus事件来显示下拉列表，您应该使用keydown事件。甚至谷歌都会这样做。

Answer 2

也许你可以使用像preventdefault.could这样的冒泡问题？