用户完成键入而不是按键时运行javascript函数? [英] Run javascript function when user finishes typing instead of on key up?
问题描述
我想在用户输入文本框时触发ajax请求。我不希望它在每次用户键入字母时都运行该函数,因为这会导致大量的ajax请求,但是我不希望他们必须点击输入按钮。
I want to trigger an ajax request when the user has finished typing in a text box. I don't want it to run the function on every time the user types a letter because that would result in A LOT of ajax requests, however I don't want them to have to hit the enter button either.
有没有办法可以检测用户何时完成输入然后执行ajax请求?
Is there a way so I can detect when the user has finished typing and then do the ajax request?
在这里使用jQuery!
Dave
Using jQuery here! Dave
推荐答案
所以,我猜猜完成输入意味着你只需停一会儿,比如5秒。因此,考虑到这一点,让我们在用户释放密钥时启动计时器,并在按下密钥时清除它。我决定有问题的输入是#myInput。
So, I'm going to guess finish typing means you just stop for a while, say 5 seconds. So with that in mind, lets start a timer when the user releases a key and clear it when they press one. I decided the input in question will be #myInput.
做出一些假设......
Making a few assumptions...
//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
}
这篇关于用户完成键入而不是按键时运行javascript函数?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!