實時計算不起作用

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。它會爲你節省很多頭痛。