jQuery的表單自動提交

Question

我試圖寫一個自動提交形式（類似於谷歌即時），而現在我使用這個腳本可以這樣做：

$(document).ready(function() { 
    $('#string').change(function(){ 
     var url = $(this).val(); 
     $('#area').load('cgi/test.pl',{string:url}); 
    }); 
}); 

現在，這個問題是使用後完成輸入後，他需要點擊輸入字段外部。我曾嘗試使用onkeyup等，而不是change，但首先會導致瘋狂的請求數量，其次，如果您在該字段中粘貼文本，它將無法正常工作。我也嘗試使用javascript setTimeout與腳本的組合，但無法真正讓它工作。

基本上，我所追求的是自動提交腳本，它在用戶仍在鍵入時檢測'（因此某種延遲提交），並且還可以檢測文本何時粘貼到輸入字段。

歡呼任何建議。

Answer 1

我會使用doTimeout plugin來實現「debouncing」（例如：http://benalman.com/code/projects/jquery-dotimeout/examples/debouncing/）。可以使用keyup這樣的方式。爲了說明粘貼文本的用戶，請保留change處理程序;只要在change火災時調用keyup處理程序。

Answer 2

爲什麼沒有setTimeout工作？嘗試做這樣的事情：

$(document).ready(function() { 
    var currentTimeout = null; 

    $('#string').keyup(handler); 
    $('#string').change(handler); 

    var handler = function() {  
     if(currentTimeout != null) { 
      clearTimeout(currentTimeout); 
     } 

     currentTimeout = setTimeout(function() { 
      var url = $(this).val(); 
      $('#area').load('cgi/test.pl',{string:url}); 
     }, 750); 
    }; 
});