Javascript 动态元素 ID

Question

我试图通过我的函数传递一个元素并输出 id。

我的意思是:

<input id='password' style="display:inline-block" type="password" name='Password' onKeyDown="setTimeout('validate(this)', 10)" />

和javascript:

var validate = function(element)
{
    alert(element.id);        
}

这是执行以下操作的正确方法吗？当它发出警报时，我得到的只是未定义的。谢谢。

Answer 1

当从 setTimeout 函数调用时，this 指针不再指向输入元素，而是指向 window目的。

你能做的是

onKeyDown="var self=this;setTimeout(function(){validate(self);}, 10)"

或者更好的是:

var validateFn = function(element) {
    return function(){
        alert(element.id);
    };
}

在元素上:

onKeyDown="setTimeout(validateFn(this), 10)"