javascript - 按一次空格键后jquery功能不起作用

Question

我正在研究一个简单的 jquery 示例。我想对用户输入的所有数字求和。用户输入数字后必须按 Enter 键，如果用户按空格键，结果将显示在屏幕上。我的问题是，当我按下空格键后，不再执行求和过程。我已经尝试了我认为的可能方法，但无法修复它。有人可以帮我吗？

<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;
        }
    });
});