Javascript 如何在提交时使用键盘上的enter按钮

我正在使用javaScript、HTML和CSS制作一个待办事项列表，对于插入任何元素，我们必须单击submit（add）按钮，但我希望当我们在键盘上按enter按钮时，元素将插入，或者提交按钮将按下，我不知道如何做，因为我是javaScript新手

---

这是密码

---

HTML

添加

---

Java脚本

function get_todos() {
  var todos = new Array;
  var todos_str = localStorage.getItem('todo');
  if (todos_str !== null) {
      todos = JSON.parse(todos_str); 
  }
  return todos;
}

function add() {
  var task = document.getElementById('task').value;

  var todos = get_todos();
  todos.push(task);
  localStorage.setItem('todo', JSON.stringify(todos));

  show();

  return false;
}

function remove() {
  var id = this.getAttribute('id');
  var todos = get_todos();
  todos.splice(id, 1);
  localStorage.setItem('todo', JSON.stringify(todos));

  show();

  return false;
}

function show() {
  var todos = get_todos();

  var html = '<ul>';
  for(var i=0; i<todos.length; i++) {
      html += '<li>' + todos[i] + '<button class="remove" id="' + i  + '">x</button></li>';
  };
  html += '</ul>';

  document.getElementById('todos').innerHTML = html;

  var buttons = document.getElementsByClassName('remove');
  for (var i=0; i < buttons.length; i++) {
      buttons[i].addEventListener('click', remove);
  };
}

document.getElementById('add').addEventListener('click', add);
show();

函数get_todos（）{ var todos=新数组； var todos_str=localStorage.getItem（'todo'）； 如果（todos_str！==null）{ todos=JSON.parse（todos_str）； } 返回待办事项； } 函数add（）{ var task=document.getElementById（'task'）。值； var todos=get_todos（）； 推送（任务）； setItem（'todo'，JSON.stringify（todos））； show（）； 返回false； } 函数删除（）{ var id=this.getAttribute（'id'）； var todos=get_todos（）； todos.拼接（id，1）； setItem（'todo'，JSON.stringify（todos））； show（）； 返回false； } 函数show（）{ var todos=get_todos（）； var html='

'；

---

对于（var i=0；i您可以使用

向下键

并在按enter键时触发单击

document.addEventListener（'keydown'，函数（e）{
如果（e.keyCode==13）{
document.getElementById（'add'）.clock（）；
}
});
函数get_todos（）{
var todos=新数组；
var todos_str=localStorage.getItem（'todo'）；
如果（todos_str！==null）{
todos=JSON.parse（todos_str）；
}
返回待办事项；
}
函数add（）{
var task=document.getElementById（'task'）。值；
var todos=get_todos（）；
推送（任务）；
setItem（'todo'，JSON.stringify（todos））；
show（）；
返回false；
}
函数删除（）{
var id=this.getAttribute（'id'）；
var todos=get_todos（）；
todos.拼接（id，1）；
setItem（'todo'，JSON.stringify（todos））；
show（）；
返回false；
}
函数show（）{
var todos=get_todos（）；
var html='
'；
对于（var i=0；i需要将
onkeypress
事件添加到
任务
输入中，如下所示：-

HTML

当用户释放键盘上的按钮时，您可以执行一项功能，例如

<input id="myInput" value="Some text..">

<script>
var input = document.getElementById("myInput");
input.addEventListener("keyup", function(event) {
  if (event.keyCode === 13) {
   event.preventDefault();
   document.getElementById("myBtn").click();
  }
});
</script>




var input=document.getElementById（“myInput”）；
input.addEventListener（“键控”，函数（事件）{
如果（event.keyCode===13）{
event.preventDefault（）；
document.getElementById（“myBtn”）。单击（）；
}
});
请参阅
<input id="task" onkeypress="enterToSubmit(event)">

function enterToSubmit(event){
    var key = event.keyCode;
    if(key===13){
        add();
    }
}

<input id="myInput" value="Some text..">

<script>
var input = document.getElementById("myInput");
input.addEventListener("keyup", function(event) {
  if (event.keyCode === 13) {
   event.preventDefault();
   document.getElementById("myBtn").click();
  }
});
</script>