使用Javascript的即时搜索功能

Question

我为即时搜索功能使用以下JavaScript（用于检测访问者何时停止写入，因此该功能不会在每个单独的键盘上运行）。

它可以工作，但比1000毫秒延迟更多。即使我将其设置为200毫秒，它在即时搜索功能运行之前的延迟为1-2秒。

有没有更好/更快的方式来检测访问者何时停止在输入中输入（如果这有什么区别，我只需要它的Internet Explorer）。

$(document).ready(function(){ 

var delay = (function(){ 
var timer = 0; 
return function(callback, ms){ 
clearTimeout (timer); 
timer = setTimeout(callback, ms); 
}; 
})(); 

$('input').keyup(function() { 
delay(function(){ 
//instant search function here 
}, 1000); 
}); 

}); 

新想法：当我想到这个问题时，问题是我不能在函数运行时继续在输入字段中写入数据。任何解决方案，我不会需要任何延迟功能。

Answer 1

您的即时搜索功能是否发出AJAX请求以返回结果？这可能是将延迟设置为200毫秒，并在1-2秒后回复您的响应。

Answer 2

function instantSearch(){ ... } 

var timer; 
$('input').keyup(function(){ 
    timer && clearTimeout(timer); 
    timer = setTimeout(instantSearch, 200); 
}); 

Answer 3

如果您使用的是keyup事件，除非每秒查询次数或类似的查询有特定的限制，否则不需要指定延迟。

有一个相当简洁的演练在这里：http://blog.comperiosearch.com/2012/06/make-an-instant-search-application-using-json-ajax-and-jquery/