.keyup（）/.click（）函数的jQuery语法问题

stackover和web开发新手，请原谅我犯了新手错误。我正在整理一个待办事项列表web应用程序，我有一个小错误，所以我必须单击Add，然后才能以相同的方式使用Enter键。我知道为什么会这样。我意识到，我现有的代码要求在监听释放Enter键之前单击add。问题是，当我尝试重新格式化语法时，我尝试的任何东西都不起作用。有什么建议吗？谢谢

$(document).ready(function(){
$("#add").click(function(){
    var text = $("#listInput").val();
    var item = $('<div class="list-item"><span></span></div>').text(text);

    item.on('dblclick', function(){
        $(this).fadeOut('fast');
    });
    item.on('click', function(){
        $(this).toggleClass('strike'); 
    });



$('#listInput').keyup(function(event){
    if(event.keyCode == 13) {
        event.preventDefault();
        $('#add').click();
        };
    }); 

    if (text!=""){
        $("#listArea").append(item);
        $("#listInput").val("");
    }

    });

$(function(){

$('#listArea').sortable({ axis: "y" });
$('.list-item').draggable();

}

---

};

单击后您将有一个空间。是否可以使用或创建演示