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

将所有事件处理添加到加载事件
关闭括号
删除）来自if
添加了课程
event.which由jQuery标准化

＆＃13;

$(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');
});

＆＃13;

.strike { text-decoration:line-through}

＆＃13;

<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>

＆＃13;

如何添加键盘快捷键输入到jquery待办事项列表

1 个答案: