Question

我有这段代码但是我无法将输入的值输入到helpCallback（）中，我得到的都是未定义的。我必须用封闭装置来做。

function tablaR(num){
    var seccion=document.getElementById("tabla");
    seccion.innerHTML="";
    seccion.style.display='block';

    for (var i = 0; i < 11; i++) {
        var prod=parseInt(num*i);
        var t=document.createTextNode(num+" x "+i+"= ");
        var inp=document.createElement('INPUT');

        inp.setAttribute('type', 'number');
        inp.setAttribute('id', 'resul');

        inp.addEventListener("change", helpCallback(num, this.value));
        var para=document.createElement("p");
        para.appendChild(t);
        para.appendChild(inp);
        seccion.appendChild(para);
    }
}

function helpCallback(prod, resp){
    return function(){
        resp=parseInt(inp.value);
        if(resp!=prod){
            this.style.color = "red";
        }
        else{
            this.style.color = "green";
        }
    }
}

Answer 1

this不是您执行helpCallback函数的元素，但您可以在返回的函数中获取值

inp.addEventListener("change", helpCallback(num));

function helpCallback(prod){
    return function(){
        var resp = parseInt(this.value, 10);

        if(resp!=prod){
            this.style.color = "red";
        } else{
            this.style.color = "green";
        }
    }
}

Javascript：如何获取更改输入的值

1 个答案: