實時計算不起作用

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。 它將為您節省很多麻煩。