一尘不染

用户完成键入而不是按键盘键时运行javascript函数?

javascript

我想在用户完成在文本框中的输入后触发ajax请求。我不希望它在用户每次输入字母时都运行该函数,因为这将导致大量的ajax请求,但是我也不希望他们也必须按下Enter键。

有没有一种方法可以让我检测用户何时完成键入,然后执行ajax请求?

在这里使用jQuery!戴夫


阅读 256

收藏
2020-04-25

共1个答案

一尘不染

因此,我猜想完成键入意味着您只需停顿一会儿,例如5秒钟。因此,请记住,让我们在用户释放按键时启动计时器,并在用户按下按键时将其清除。我决定有问题的输入将是#myInput。

做一些假设…

//setup before functions
var typingTimer;                //timer identifier
var doneTypingInterval = 5000;  //time in ms, 5 second 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
}
2020-04-25