時間入力のテキスト入力keyupイベント

Question

私はテキストボックスを持っています。私はすべてのキーアップで約2秒の遅延を持つajaxコールバック関数を呼び出したい。

これを実装する方法は？ jQueryのを使用して

Answer 1

が、選択のあなた自身のJSライブラリを代用して自由に感じる：

var currentTimer = null; 
input.bind('keyup', function() { 
    if (!currentTimer) { 
     currentTimer = true; 
     setTimeout(function() { 
      if (currentTimer) { 
       currentTimer = null; 

       // Do ajax call here 
      } 
     }, 2000); 
    } 
}); 

Answer 2

私はここにjQueryを使用していますが、あなたはポイントを得る必要があります：あなたがしている場合は

function callAjax() { 
    timer = null; 

    // handle all your ajax here 
} 

var timer = null; 

$('input').keyup(function() { 
    // this will prevent you from reseting the timer if another key is pressed 
    if (timer === null) { 
     timer = setTimeout(callAjax, 2000); 
    } 
}); 

Answer 3

をjQueryを使用すると、優れたdelayedObserverプラグインを使用できます。

Answer 4

最後のキーを押すかキーを押すたびに2秒後？

<input type="text" id="txtBox" value="" width="200px"/> 
<input type="text" id="txt" width="200px"/> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $("#txtBox").keyup(function(){ 
     setTimeout(function(){ 
      $("#txt").val($("#txtBox").val());//Here call ajax code 
     },2000); 
     }); 
    }); 
</script>