如何:添加键盘滚动/输入到autosuggest脚本?

时间:2009-09-30 15:03:33

标签: php ajax

我使用php,ajax和一些css创建了一个autosuggest脚本,但我无法弄清楚如何在脚本建议结果允许用户使用键盘箭头向下滚动结果列表然后按Enter键选择所需的结果。

脚本当前以列表格式显示,然后点击结果,然后将信息填入搜索框。

人们使用什么技术让用户使用键盘向下滚动并按Enter键以选择结果选择?

由于

1 个答案:

答案 0 :(得分:1)

我一直在使用jquery及其无数的自动完成插件之一......它几乎没有理由整合它......你可以免费得到一堆相当复杂的细节。 / p>

这是我用过的一个演示: http://view.jquery.com/trunk/plugins/autocomplete/demo/

编辑:

最终如果你想自己动手,你需要听一下键盘事件并跟踪你在列表中的位置......然后在输入键上,将当前选中的值推入文本字段。这里是键盘事件的一个很好的概述:

http://unixpapa.com/js/key.html

http://www.javascriptkit.com/javatutors/javascriptkey.shtml

我建议使用一些库来抽象出所有浏览器的疯狂性.jquery是一个非常棒的库,有数千小时的测试和强大的跨浏览器支持。它可以为您规范化浏览器事件模型,并使您的代码更易于阅读和维护。