실시간 계산이 작동하지 않습니다.

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를 사용한다. 그것은 당신에게 많은 두통을 덜어 줄 것입니다.