javascript - 按下空格键一次后，jQuery功能不起作用

我正在研究一个简单的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>

最佳答案

我建议检查输入字段中的值是否为数字。

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

关于javascript - 按下空格键一次后，jQuery功能不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20433703/