Функция JQuery не работает после нажатия кнопки пробела один раз

Question

Я работаю над простым примером jquery. Я хочу суммировать все числа, введенные пользователем. Пользователь должен нажать клавишу ввода после ввода номера, и если пользователь нажимает пробел, результат будет отображаться на экране. Моя проблема заключается в том, что после того, как я нажал клавишу пробела, больше не выполняется процесс суммирования. Я попробовал возможные способы, которые я думал, но я не мог это исправить. Кто-нибудь может мне помочь?

<script type="text/javascript"> 
var typedNumber=0; 
var sum = 0; 
var textValue = $('#textbox').val(); 

$(document).ready(function(){ 
    $('#textbox').keyup(function(event){ 

      if(event.keyCode == 13){ 
       textValue = $('#textbox').val(); 
       typedNumber = parseInt(textValue); 
       sum = sum + typedNumber; 
       $('#textbox').val(""); 
      } 

      if(event.keyCode == 32){ 
       alert("Summation has been finished!, Sum = "+sum); 
       $('#resultMessage').html(sum); 
       sum = 0; 
       typedNumber = 0; 
      } 

    }); 

}); 
</script> 

Answer 1

Я предлагаю, чтобы проверить, если значение в поле ввода является число.

sum = 0; 
$(document).ready(function(){ 
    $('#textbox').keyup(function(event){ 
     if(event.keyCode == 13){ 
      var value = parseInt($('#textbox').val()); 
      if(!isNaN(value)) { 
       sum = sum + value; 
      } 
      $('#textbox').val(""); 
     } 
     if(event.keyCode == 32){ 
      alert("Summation has been finished!, Sum = "+sum); 
      $('#resultMessage').html(sum); 
      $('#textbox').val(""); 
      sum = 0; 
     } 
    }); 
}); 

Answer 2

Прежде чем использовать его, вы должны сначала определить переменную sum. Кроме того, вы должны использовать preventDefault внутри обработчика KeyUp

Пример: http://jsfiddle.net/9Q3dJ/