Question

我需要一些关于我调用onKeyUp的JavaScript函数的帮助，它是一个Ajax函数，但是每次我写任何字符时它调用函数并且它会降低页面性能并且每次都检查它，它是用户检查的数据库。

我试过了：

 var timer;
 function chk_me(){

   clearTimeout(timer);
   timer=setTimeout(function validate(){...},1000);
}

但我的验证函数有一个参数，所以我无法传递它，我调用这样的函数：

<input type="text" name="usuario" id="usuario" class="required" onKeyUp="chk_me();" minlegth="4" value=/>

是不是？我该怎么办？

这是我的第一个问题，我希望你们都明白这一点

谢谢，阿尔贝托

谢谢大家，因为我是新手，我不能用不同的答案来做，所以我用解决方案编辑了我的问题。我发现这个：http://bytes.com/topic/javascript/answers/451142-need-advice-acting-only-last-onkeyup-event-series并使用最后一个答案方法并添加一些代码，我给你留下代码，就像它说它不是最好的方式但是工作如果你有其他方式我会欣赏它并使用它在这里是：

var keyCount = 0;
var timeoutCount = 0;

function handleKeyUp() // keyup handler
{
keyCount++;
setTimeout("compareCounts()", 500);
}

function compareCounts()
{
var usuario = document.profileForm.usuario.value;
timeoutCount++;
if (keyCount == timeoutCount)
{
xajax_checaUsuario(usuario);
}
}

所以我以这种方式采用var以使其变得更好吗？

由于

Answer 1

不要将validate直接传递给setTimeout，而是从匿名函数中调用它：

var timer;
function chk_me(arg) {
    clearTimeout(timer);
    timer = setTimeout(function () {
        validate(arg);
    }, 1000);
}

Answer 2

您可以执行以下操作

var timer;
 function chk_me(myparam){

   clearTimeout(timer);
   timer=setTimeout(function validate(){...},1000);
}

在javascript中，您可以访问定义函数的作用域中的任何变量。以下是您如何使用它。

<input type="text" name="usuario" id="usuario" class="required" onKeyUp="chk_me('stringval');" minlegth="4" value=/>

Answer 3

如果我理解你的问题，我认为你想要的是在闭包中包含你的参数：

var timer;
function chk_me(myparam) {

    clearTimeout(timer);
    var validate = function() {

       //do stuff with myparam
       var foo = myparam;

    }
    timer=setTimeout(validate,1000);
}

和以前一样，定时器确保取消之前的任何调用，除非等待1秒钟，并且当你在chk_me的范围内定义validate时，局部变量myparam将在其中可见，即使它的句柄被传递to setTimeout。

JavaScript onKeyUp时间延迟

3 个答案: