Javascript 动态元素 ID

Question

我试图通过我的 function 和 output 传递一个元素。

这就是我的意思：

<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 function 调用时， this指针不再指向输入元素，而是指向window object。

你能做的是

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

或者更好：

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

在元素上：

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