jquery - 實時搜索ajax調用用戶類型，但有小的延遲？

Question

由於環境的原因，我希望將它限制爲小而簡潔的插件，除非它是一個可以放在其他jQuery代碼中的擴展。

我有這樣的代碼：

$("#txtSearch").live('keyup', function() { 
    LoadList(1)  
}); 

我想補充這樣，如果一個用戶必須等待（在停止打字）0.5秒鐘，然後執行一個呼叫延遲。

因此，基本上如果在連續擊鍵之間鍵入的字母少於X時間，就不會發生ajax調用。

有沒有一個簡潔的方式來做到這一點與JQuery的？

Answer 1

$("#txtSearch").live('keyup', function() { 
    var value=$("#txtSearch").val(); 
    setTimeout(function(){ 
      if ($("#txtSearch").val() == value) 
      { 
       LoadList(1)  
      } 
    },500); 
}); 

Answer 2

您可以使用jQueryUI的自動完成小部件，它有一個延遲選項：

一個按鍵後自動完成等待毫秒延遲激活自身。零延遲對本地數據有意義（響應速度更快），但可能對遠程數據產生大量負載，但響應速度較慢。

http://jqueryui.com/demos/autocomplete

Answer 3

應用新前設置超時時間，並且明確它每一次擊鍵：

var timeout; 
$("body").on('keyup', '#txtSearch', function() { 
    window.clearTimeout(timeout); 
    timeout = window.setTimeout(function(){ 
     LoadList(1); 
    },500); 

}); 

例如：http://jsfiddle.net/niklasvh/KgRjJ/

Answer 4

好像這個問題以前有人問：

How to delay the .keyup() handler until the user stops typing?