javascript - 当用户完成输入而不是按键时运行javascript函数？

Question

我想在用户输入完文本框后触发 ajax 请求。我不希望它在每次用户输入字母时都运行该函数，因为这会导致大量的 ajax 请求，但我也不希望他们必须点击 enter 按钮。

有没有办法让我可以检测到用户何时完成输入然后执行 ajax 请求？

在这里使用 jQuery!

Answer 1

所以，我猜想完成打字意味着你只需停下来一会儿，比如 5 秒。因此，考虑到这一点，让我们在用户释放一个键时启动一个计时器，并在他们按下一个键时清除它。我决定有问题的输入是#myInput。

做一些假设......

//setup before functions
var typingTimer;                //timer identifier
var doneTypingInterval = 5000;  //time in ms, 5 seconds for example
var $input = $('#myInput');

//on keyup, start the countdown
$input.on('keyup', function () {
  clearTimeout(typingTimer);
  typingTimer = setTimeout(doneTyping, doneTypingInterval);
});

//on keydown, clear the countdown 
$input.on('keydown', function () {
  clearTimeout(typingTimer);
});

//user is "finished typing," do something
function doneTyping () {
  //do something
}