【发布时间】:2010-12-02 16:36:33
【问题描述】:
我使用 php、ajax 和一些 css 创建了一个自动提示脚本,但我不知道如何制作它,所以当脚本建议结果时,允许用户使用键盘箭头向下滚动结果列表,然后按 enter选择所需的结果。
脚本当前以列表格式显示,然后单击结果,然后将信息填充到搜索框中。
人们使用什么技术允许用户使用键盘向下滚动并按下回车键来选择结果选项?
谢谢
【问题讨论】:
我使用 php、ajax 和一些 css 创建了一个自动提示脚本,但我不知道如何制作它,所以当脚本建议结果时,允许用户使用键盘箭头向下滚动结果列表,然后按 enter选择所需的结果。
脚本当前以列表格式显示,然后单击结果,然后将信息填充到搜索框中。
人们使用什么技术允许用户使用键盘向下滚动并按下回车键来选择结果选项?
谢谢
【问题讨论】:
我一直在使用 jquery 及其无数的自动完成插件之一...集成它几乎是一件很容易的事..您可以免费获得一堆相当复杂的细节。
这是我用过的一个演示: http://view.jquery.com/trunk/plugins/autocomplete/demo/
编辑:
最终,如果您想自己滚动,您需要监听键盘事件并跟踪您在列表中的位置......然后在输入键上,将当前选定的值推入文本字段。这是键盘事件的一个很好的概述:
http://unixpapa.com/js/key.html
http://www.javascriptkit.com/javatutors/javascriptkey.shtml
我建议使用一些库来抽象出所有浏览器的繁琐。jquery 是一个很棒的库,具有数千小时的测试和强大的跨浏览器支持。它为您规范了浏览器事件模型,真正让您的代码更易于阅读和维护。
【讨论】: