Javascript:在用户停止输入时进行处理

Question

我在网页上有一个文本框，我想将其值发送到 XMLHttpRequest。现在我希望用户只需键入值，而无需按下按钮。但是，如果我只是将请求发送到键盘事件中，它就会在每次按下键时触发。

所以基本上我想要一些这样的东西

function KeyUpEvent()
{
  if (user is still typing)
    return;
  else 
    //do processing
}

如果解决方案可以来自纯 javascript 或 mootools，那就太好了。我不想使用任何其他库。

Answer 1

这通常是通过在 keyup 事件上重新启动计时器来完成的。像这样:

var keyupTimer;
function keyUpEvent(){
   clearTimeout(keyupTimer);
   keyupTimer = setTimeout(sendInput,1000); // will activate when the user has stopped typing for 1 second
} 

function sendInput(){
    alert("Do AJAX request");
}