如何添加键盘滚动/输入自动建议脚本?
问题描述:
我创建了一个使用php,ajax和一些css的自动建议脚本,但我无法弄清楚如何使它成为当脚本建议结果允许用户使用键盘箭头向下滚动结果列表,然后按回车键选择所需的结果。如何添加键盘滚动/输入自动建议脚本?
该脚本当前以列表格式显示,然后onclick结果信息被填充到搜索框中。
人们用什么技术让用户使用键盘向下滚动并按下输入以选择结果选择?
感谢
答
我一直在使用jQuery和它的自动完成插件无数之一了一会儿......这几乎是没有道理的将其整合..,你会得到一堆相当复杂的细节免费。
这里有一个的演示中,我已经用了一堆: http://view.jquery.com/trunk/plugins/autocomplete/demo/
编辑:
最终,如果你想推出自己的,你需要监听键盘事件,并保持跟踪你在列表中的位置......然后在输入键上,将当前选定值推入文本字段。这里是键盘事件东西一个很好的概述:
http://unixpapa.com/js/key.html
http://www.javascriptkit.com/javatutors/javascriptkey.shtml
我会建议使用一些库抽象掉所有的浏览器潇洒.. jQuery是数千小时的测试一个真棒库和强大的跨浏览器支持。它为你规范浏览器事件模型,真正使你的代码更易于阅读和维护。
我觉得缺少的唯一功能就是上面的功能,我喜欢制作我自己的脚本加上我不需要很多额外的装饰品 – payling 2009-09-30 15:09:53
该插件允许自动完成列表的键盘导航...或者我误会了吗?在演示的第一个框中键入b并使用向下箭头并输入...不是你的意思? – danb 2009-09-30 15:18:18
我听到你在滚动你自己的东西..但这只是这样一个解决的问题...有点无聊:) – danb 2009-09-30 15:19:04