实时计算不起作用

Question

我正在用户输入时进行一些实时计算。

这很奇怪，它适用于jsfiddle但不适用于localhost。

window.onload = function() {

    var base = 10;
    var numberField = document.getElementById('numberField');

    numberField.onkeyup = numberField.onpaste = function() {

        if(this.value.length == 0) {

            document.getElementById('result').innerHTML = '';
            return;

        }

        var number = parseInt(this.value);

        if(isNaN(number)) return;

        document.getElementById('result').innerHTML = number * base;

    };

    numberField.onkeyup(); //could just as easily have been onpaste();
};

Answer 1

你正在听错了事件，onkeyup。相反，你应该听。当整个字段改变时以及在用户完成输入并且输入字段失去焦点或模糊后触发的.change。

快速举例：

 $(document).ready(function(){
     $(":input").change(function () {
         //do something
     });
 });

另一件事是使用jquery而不是javascript。它会为你节省很多麻烦。