Javascript 单击并输入按钮_Javascript_Jquery_Onclick

Javascript 单击并输入按钮

javascript jquery

Javascript 单击并输入按钮,javascript,jquery,onclick,Javascript,Jquery,Onclick,我正在创建一个待办事项列表，并希望为用户提供两种向列表中添加项目的方法。首先，在“inItemText”输入字段中输入数据时按ENTER键。第二种方法是单击“btnAdd”按钮我已经能够让按钮工作了。但是，我无法使用ENTER键另外，我想添加编辑按钮的功能。。。任何建议都会有帮助 <body> <h1>To Do List</h1> <div> <input type="text" id="inItemText">

我正在创建一个待办事项列表，并希望为用户提供两种向列表中添加项目的方法。首先，在“inItemText”输入字段中输入数据时按ENTER键。第二种方法是单击“btnAdd”按钮

我已经能够让按钮工作了。但是，我无法使用ENTER键

另外，我想添加编辑按钮的功能。。。任何建议都会有帮助

<body>

  <h1>To Do List</h1>

  <div>
    <input type="text" id="inItemText">
    <button id="btnAdd">Add</button>
  </div>

  <ul id="todoList"></ul>

</body>


待办事项清单
添加

函数addListItem（）{
var text=$（“#inItemText”）.val（）；
$（“#todoList”）。追加（“”+text+“DeleteEdit”）；
$（“#inItemText”）.val（“”）；
$（“#inItemText”）.focus（）；
}
函数deleteItem（）{
$（this.parent（）.remove（）；
}
函数finishItem（）{
if（$（this）.parent（）.css（'textDecoration'）=='line-through'）{
$（this.parent（）.css（'textDecoration'，'none'）；
}
否则{
$（this.parent（）.css（'textdeaction'，'line-through'）；
}
}
$（函数（）{
inItemText.focus（）；
美元（“#btnAdd”）。在（'单击'，添加列表项）；
$（文档）.on（'单击'，'.delete'，删除项）
$（文档）.on（'click'，'.done'，finishItem）
});

每当enter键的

keyup

事件发生时，您可以调用

addListItem

$('#inItemText').keyup(function(e) {
  if (e.keyCode == 13) {
    addListItem();
  }
});

你可以这样做

$('#inItemText').keydown(function(e) {
  if (e.which == 13) {
    addListItem();
  }
});

谢谢真是太棒了！有什么办法让编辑按钮工作吗？你也许应该在一个新问题中问这个问题，但我至少要先试试你自己的。提问者不努力的问题是不被接受的。

$('#inItemText').keydown(function(e) {
  if (e.which == 13) {
    addListItem();
  }
});