Question

我有这个＆＃34;小盒子＆＃34;在.php文件中，但在html部分：

  X: <input name="translate_x" id="translate_x" type="text" maxlength="3" value="0" onchange=""/></br>

在其他文件中，.js，我有：

JSC3D.Matrix3x4.prototype.translate = function(tx, ty, tz) {
    console.log("woop");

    function changex() {
        tx = parseFloat(document.getElementById('translate_x').value) + "<br>";
    }

    console.log(tx);
    this.m03 += tx;
    this.m13 += ty;
    this.m23 += tz;

};

和控制台向我提供了未定义changex（）函数的信息。我想要的是，当我在文本框中输入数字时，它会为tx分配值，任何人都可以帮我解决这个问题吗？

/////////////////////////////////////
I made It working perfectly now, here is code : 
html file:
    X: <input name="translate_x" id="translate_x" type="text" maxlength="3" value="0" onchange=""/></br>
.js file:
JSC3D.Matrix3x4.prototype.translate = function(tx, ty, tz) {

var t=0;

 t = parseFloat(document.getElementById('translate_x').value);

console.log(t);

    if(t!=0)
    {

    console.log(this.m03);
    this.m03 += tx;
     tx=t;
     this.m03 += tx;
    this.m13 += ty;
    this.m23 += tz;
    }
    else
    {
    this.m03 += tx;
    this.m13 += ty;
    this.m23 += tz;
    }
};

Answer 1

您已正确识别出这是关于范围的。由于函数changex是在函数JSC3D.Matrix3x4.prototype.translate内定义的，因此它只存在于该函数中，并且只能从那里调用。为了能够从onchange事件中调用它，您必须全局声明它。这可以通过将其移出来完成，如下所示：

JSC3D.Matrix3x4.prototype.translate = function(tx, ty, tz) {
console.log("woop");
console.log(tx);
this.m03 += tx;
this.m13 += ty;
this.m23 += tz;

};

function changex() {
 tx = parseFloat(document.getElementById('translate_x').value) + "<br>";
}

但请注意，现在有两个名为tx的变量。一个是translate的参数，因此它的范围是该函数。另一个在changex中使用，除非在函数之外声明它，否则它的范围将在其中。更改tx中的changex不会影响翻译中的tx。

Javascript范围，分配值

1 个答案: