Как добавить ярлык для клавиатуры введите в jquery список дел

Question

Я новичок в jquery, и я делаю свой первый проект, который является базовым для списка. Я пытаюсь заставить его работать, когда кто-то нажат, но почему-то ничего не происходит.

$(document).ready(function() { 
 
    $("#btn2").click(
 
    function() { 
 
     var toAdd = $("#listItem").val(); 
 
     $("ol").append("<li>" + toAdd + "</li>"); 
 
    }); 
 
}); 
 

 
$(document).on('dblclick', 'li', function() { 
 
    $(this).toggleClass('strike').fadeOut('slow'); 
 
}); 
 

 
$('#listItem').keypress(function(event) { 
 
     var keycode = (event.keyCode ? event.keyCode : event.which); 
 
     if (keycode == '13') { 
 
     var toAdd = $("#listItem").val(); 
 

 

 

 
     $("ol").append("<li>" + toAdd + "</li>"); 
 
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 

 
<form name="toDoList"> 
 
    <input type="text" id="listItem" name="ListItem" /> 
 
</form> 
 
<ol> 
 
</ol> 
 
<button id="btn2">Add something</button> 
 
<p>something</p> 
 
<p>ldldl</p>

Answer 1

• добавлен все обработки в случае нагрузки события
• закрыли кронштейны
• удален), если из
• добавленного класс
• event.which нормализуется by jQuery

$(function() { 
 
    $("#btn2").click(function() { 
 
    var toAdd = $("#listItem").val(); 
 
    $("ol").append("<li>" + toAdd + "</li>"); 
 
    }); 
 
    $("#listItem").keypress(function(e) { 
 
    var keycode = e.which; 
 
    if (keycode == '13') { 
 
     var toAdd = $("#listItem").val(); 
 
     $("ol").append("<li>" + toAdd + "</li>"); 
 
    } 
 
    }); 
 
}); 
 

 
$(document).on('dblclick', 'li', function() { 
 
    $(this).toggleClass('strike').fadeOut('slow'); 
 
});

.strike { text-decoration:line-through}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 

 
<form name="toDoList"> 
 
    <input type="text" id="listItem" name="ListItem" /> 
 
</form> 
 
<ol> 
 
</ol> 
 
<button id="btn2">Add something</button> 
 
<p>something</p> 
 
<p>ldldl</p>