Bir giriş alanı keyup olayında bekleme zamanlayıcısı nasıl eklenir?

Question

Ben bir giriş alanı var ve bu bir keyup olayı vardır: Kullanıcı 1 saniye süreyle yazarak durunca, o zaman DoSearch işlevini çalışacağı yüzden, bir gecikme süresini ekleyebilir nasıl

$(document).ready(function() { 
    $('#SearchInputBox').keyup(function() { 
     DoSearch($(this).val()); 
    }); 
}); 

. Kullanıcı bir anahtar yazdığında her zaman çalışmaya devam etmek istemiyorum çünkü hızlı yazıyorlarsa gecikecektir.

Answer 1

Temel olarak, her bir anahtarlığa bir zaman aşımı ayarlayın. Zaten bir zaman aşımı varsa, temizleyin ve başka bir tane ayarlayın. DoSearch() işlevi, yalnızca zaman aşımının başka bir anahtarlama tarafından sıfırlanmadan tamamlanmasına izin verdiğinde çalışır (yani, kullanıcı 1000ms için yazmayı durdurduğunda).

var timeout = null; 
$('#SearchInputBox').on('keyup', function() { 
    var that = this; 
    if (timeout !== null) { 
     clearTimeout(timeout); 
    } 
    timeout = setTimeout(function() { 
     DoSearch($(that).val()); 
    }, 1000); 
});