jquery延遲事件，直到用戶輸入完畢

Question

要啓動的功能讓我們說，用戶完成鍵入最後一種類型後的第二個半年。我有這一塊的用戶正在一個類型的腳本啓動，我不想要的代碼，但每次：

$(document).ready(function() 
{ 
    var $firstname = $("#firstname"); 

    $firstname.keyup(function() 
    { 
    var content = $("#firstname").val(); 
    $.post("ajax.php", { firstname: content}, function(result){ 
     var contentDiv = $("#ContainerValidation"); 
     contentDiv.fadeOut(400, function(){ contentDiv.html(result); }); 
     contentDiv.fadeIn(400); 
     contentDiv.fadeOut(5000); 
     }); 
    }); 
}); 

感謝您的幫助。

Answer 1

我認爲這將是足以啓動如果用戶在此期間繼續打字，則會等待1.5秒並中止：

function send() { 
    $.post("ajax.php", { firstname: $firstname.val()}, function(result){ 
     $("#ContainerValidation") 
      .fadeOut(400, function(){ $(this).html(result); }) 
      .fadeIn(400) 
      .fadeOut(5000); 
    }); 
} 

var timer = null; 
$firstname.keyup(function() { 
    clearTimeout(timer); 
    timer = setTimeout(send, 1500); 
}); 

Answer 2

你會想要的是一個debouncing腳本。

一個非常簡單的解決方案將被嵌入Underscore.js庫，它包含了這樣的功能：http://documentcloud.github.com/underscore/#debounce

你會使用這樣的：

$firstname.keyup(_.debounce(function() { 
    var content = $("#firstname").val(); 
    $.post("ajax.php", { 
     firstname: content 
    }, function (result) { 
     var contentDiv = $("#ContainerValidation"); 
     contentDiv.fadeOut(400, function() { 
      contentDiv.html(result); 
     }); 
     contentDiv.fadeIn(400); 
     contentDiv.fadeOut(5000); 
    }); 
}, 1500));