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));