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

时间:2013-08-09 06:52:13

标签: jquery

我有一个表格,文字框一个在另一个下面。我使用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 autocomplete插件1.1。当我在文本框中键入产品时,autosuggest框显示产品,但我无法使用autosuggest框内的向下箭头向下滚动。当我尝试使用向下箭头滚动时,焦点会转移到下面的下一个文本框。

上面的jquery脚本优先于autocomplete插件。有没有办法当自动完成框可见时,向下箭头应该在autosuggest框内导航,当自动提示框不可见时,向下箭头键应该导航到下面的下一个文本框?

提前致谢

1 个答案:

答案 0 :(得分:1)

自动填充框包含openclose个事件。使用它们来控制箭头键导航代码是否应该执行某些操作(例如,当您看到open而不是close时)。