【问题标题】:how to: add keyboard scroll / enter to autosuggest script?如何:将键盘滚动/输入添加到自动建议脚本?
【发布时间】:2010-12-02 16:36:33
【问题描述】:

我使用 php、ajax 和一些 css 创建了一个自动提示脚本,但我不知道如何制作它,所以当脚本建议结果时,允许用户使用键盘箭头向下滚动结果列表,然后按 enter选择所需的结果。

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

人们使用什么技术允许用户使用键盘向下滚动并按下回车键来选择结果选项?

谢谢

【问题讨论】:

    标签: php ajax


    【解决方案1】:

    我一直在使用 jquery 及其无数的自动完成插件之一...集成它几乎是一件很容易的事..您可以免费获得一堆相当复杂的细节。

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

    编辑:

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

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

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

    我建议使用一些库来抽象出所有浏览器的繁琐。jquery 是一个很棒的库,具有数千小时的测试和强大的跨浏览器支持。它为您规范了浏览器事件模型,真正让您的代码更易于阅读和维护。

    【讨论】:

    • 我觉得唯一缺少的功能是上面的功能,我喜欢制作自己的脚本,而且我不需要很多额外的装饰
    • 该插件允许自动完成列表的键盘导航......还是我误解了?在演示的第一个框中键入 b 并使用向下箭头输入...不是您的意思吗?
    • 我听说你在滚动你自己的东西..但这只是一个已解决的问题......有点无聊:)
    • 如果解决了,我会知道答案,不需要你的帮助 =)
    • 我想我还是不明白你的问题......你只是想能够用箭头键上下移动自动完成列表,然后用输入选择突出显示的选项?或其他...作为我指出您处理该用例的插件。
    猜你喜欢
    • 1970-01-01
    • 2022-08-04
    • 2022-06-14
    • 1970-01-01
    • 1970-01-01
    • 2019-11-03
    • 2020-06-23
    • 1970-01-01
    • 2014-02-08
    相关资源
    最近更新 更多