键入代码示例时谷歌的预测文本 - 没有自动建议下拉菜单

时间:2011-02-09 17:57:07

标签: php javascript autocomplete autosuggest

Google的新预测文字通过显示浅灰色字体的下一个字符来预测框中的“当您键入”时的搜索。有谁知道这样做的任何代码?我知道典型的建议下拉菜单,但我正在寻找在搜索框中执行所有操作的示例代码 - 没有自动建议下拉菜单。

2 个答案:

答案 0 :(得分:3)

我在这里发现了一个类似的脚本,在用户输入搜索查询

时建议使用Google等字词

https://sourceforge.net/projects/searchpuppy/files/

答案 1 :(得分:2)

我不确定是否存在任何存在,但构建它的逻辑似乎很简单。

在我看来,预测始终是自动完成列表中的第一项。通过具有透明背景的两个文本输入来显示预测,一个层叠在另一个之下。底部输入将包含预测(银色文本);顶部输入是用户输入的位置。

当用户键入时,自动填充功能会查找建议列表。采取第一个建议并用它填充预测输入。

将onKeyPress事件绑定到用户输入框,并注意用户按右箭头键。如果用户按下它,请使用预测框的值填充用户输入框。