如何使用向下箭头键导航文本框和使用 jquery 自动完成

Question

我有一个表单，其中一个文本框位于另一个下方。我已经使用 jquery 使用向下箭头进行导航。

case arrow.down:
//Set focus to the same cell next row
var str = $(this).attr('rel');
str = parseInt(str) +1;
console.log(str);
$("#code_" + str).focus();
break;

导航效果很好。

现在我在文本框中添加了 jquery 自动完成插件 1.1。当我在文本框中键入产品时，自动建议框会显示产品，但我无法使用自动建议框中的向下箭头向下滚动。当我尝试使用向下箭头滚动时，焦点会转移到下面的下一个文本框。

上面的 jquery 脚本优先于自动完成插件。当自动完成框可见时，向下箭头应该在自动建议框本身内导航，当自动建议框不可见时，向下箭头键应该导航到下面的下一个文本框，有什么办法吗？

提前致谢

Answer 1

自动完成框有open 和close 事件。使用这些来控制您的箭头键导航代码是否应该执行某些操作（例如，当您看到 open 而不是 close 时不应该这样做）。