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

function instantSearch(){ ... }

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

Answer 2

如果您正在使用keyup事件，则除非对每秒查询或类似事件有特定限制，否则不必指定延迟。

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

Answer 3

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