javascript - onkeyup 事件触发延迟

Question

我有一个供人们输入用户名的输入文本框，它有一个附加的 onkeyup 事件属性，它会触发 AJAX 请求以检查用户名是否已被占用。

1. 第一个键到第二个键之间的延迟是多少？意思是如果我一个接一个地输入一个 5 个字母的单词。 AJAX 会触发 5 次吗？

2. 如果没有延迟，这会不会“计算量大”，因为会有这么多数据库查询？或者不会有明显的区别？

3. 如果性能存在差异，我可以使用 Javascript 采取哪些方法来检查用户是否真的“完成”了输入。我仍然希望它在输入后自动检查。从而排除onblur属性等

我的代码:http://pastebin.com/hXfgk7nL
(代码缩进在堆栈溢出时对我不起作用)

Answer 1

是的，它会在您每次键入字符时触发，并且您不会喜欢这样的页面性能。如果你愿意，你可以延迟执行回调。在用户停止输入之前，它不会被执行。这是一个例子:

           $(document).ready(function(){
                $('#txtboxid').keyup(function(){
                 clearTimeout(timer); 
                 timer = setTimeout(function(){ 
                      //call your function here
               }, 250) // you can change the 250 here to a higher number if you want the delay to be longer. In this case, 250 means a quarter of a second.
        });});