0

以下部分有效：

function pvst(x,y){

    return parseInt(x)/100 * parseInt(y);
}

var value1 = document.getElementById('v1').value,
    value2 = document.getElementById('v2').value,
    input_1 = document.getElementById('v1'),
    input_2 = document.getElementById('v2');

function insertValue(){

    var newSum = pvst(value1, value2);

    if(isNaN(newSum) === true){
        document.getElementById("test").innerHTML = 'only numbers!!';
    }

    else{
        document.getElementById("test").innerHTML = newSum;
    }

}

input_1.onkeyup = insertValue();
input_2.onkeyup = insertValue();

但是 onkeyup 没有按预期工作。它假设在您输入后立即更新 newSum。我不知道我在哪里做错了

4

2 回答 2

2

我看到您调用函数而不是传递函数处理程序的问题：

使用这个（删除()）：

input_1.onkeyup = insertValue;
input_2.onkeyup = insertValue;

而不是这个：

input_1.onkeyup = insertValue();
input_2.onkeyup = insertValue();

如果您不这样做，您的onkeyup事件将尝试执行函数结果而不是执行函数。而且由于您没有在insertValue函数中返回任何内容，因此它们只会获得undefined价值并且什么也不做。

更新： 当您将值存储在变量中时，它们在输入更改后每次都不会更新并始终使用相同的值，要查看您需要从 DOM 再次获取它们的值，因此您需要这样做：

var newSum = pvst(document.getElementById('v1').value, document.getElementById('v2').value);

所以我这边更新的代码应该是这样的：

function pvst(x,y){
    return parseInt(x)/100 * parseInt(y);
}

var input_1 = document.getElementById('v1'),
    input_2 = document.getElementById('v2');

function insertValue(){

    var newSum = pvst(input_1.value, input_2.value);

    if(isNaN(newSum) === true){
        document.getElementById("test").innerHTML = 'only numbers!!';
    } else {
        document.getElementById("test").innerHTML = newSum;
    }
}

input_1.onkeyup = insertValue;
input_2.onkeyup = insertValue;
于 2013-10-30T14:58:20.593 回答
0

试试这个：

function pvst(x, y) {

        return parseInt(x) / 100 * parseInt(y);
    }

    function insertValue() {

        var value1 = document.getElementById('v1').value;
        value2 = document.getElementById('v2').value;
        input_1 = document.getElementById('v1');
        input_2 = document.getElementById('v2');

        var newSum = pvst(value1, value2);

        if (isNaN(newSum) === true) {
            document.getElementById("test").value = 'only numbers!!';
        }

        else {
            document.getElementById("test").value = newSum;
        }

    }

示例 HTML：

<input id="v1" type="text" onkeyup="insertValue();" />
<input id="v2" type="text" onkeyup="insertValue();" />

<input id="test" />
于 2013-10-30T15:20:12.950 回答