谷歌如何检测搜索框中的输入以显示即时结果?

时间:2010-12-05 23:03:01

标签: javascript search user-interface javascript-events

Google如何检测用户输入?我环顾四周,文本字段没有onkeyup或onchange事件。

有没有其他方法可以检测文本字段中的用户输入?

由于

4 个答案:

答案 0 :(得分:6)

它有keyupkeydown个侦听器,但它们是在运行时通过addEventListener("keyup", ...)分配的。使用浏览器的DOM检查器选择输入元素,然后深入查看当前分配的事件监听器(在webkit的检查器中,位于右侧窗格底部的“事件监听器”下) - 您将看到keyup,keydown和其他几个人。

答案 1 :(得分:2)

它确实有事件监听器。使用chrome上的inspect元素可以清楚地看到听众 - 在下面的屏幕截图中突出显示。

alt text

答案 2 :(得分:0)

我会说 onblur onkeyup / down事件会触发等待暂停或空格的自定义事件,然后发送数据,然后处理返回。

在玩了一段时间之后,这就是我在jsfiddle中提出的:

http://jsfiddle.net/fauxtrot/Ejqyb/

答案 3 :(得分:0)

与自动完成相同的原则:

http://www.javascript-examples.com/autocomplete-demo/