javascript - 使用回车键而不是提交按钮在 JS 中提交表单

Question

我对表单缺乏经验，但希望每当用户在输入字段中按下回车键时，就将文本从输入字段传递到我的代码的其余部分(我目前正在使用警报对其进行测试，但不能让它着火)。我正在使用以下 JS:

$(document).ready(function() {
  $("#task").keypress(function(event) {
    if (event.which == 13) {
      event.preventDefault();
      alert("test");
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="form" action=" " method="get" autocomplete="off" role="form" autofocus>
  <div class="form-group">
    <input class="form-control input-lg" type="text" autofocus id="task" placeholder="Enter your task:">
  </div>
</form>

我是否需要调整“操作”字段？

Answer 1

解决方案:

<input id="task" class="form-control input-lg" type="text" autofocus 
    placeholder="Enter your task:">

document.getElementById("task").onkeydown = function (event) {
    event = event || window.event;
    if(event.keyCode == 13) {
         // Enter was pressed
    }
}

演示:

document.getElementById("task").onkeydown = function(event) {
  event = event || window.event;
  document.getElementById("exampleOutput").innerHTML = event.keyCode
  if (event.keyCode == 13) {
    // Enter was pressed
    // Example:
    document.getElementById("exampleOutput").innerHTML += " Enter"
  }
}

<input id="task" class="form-control input-lg" type="text" autofocus id="task" placeholder="Enter your task:">

<div id="exampleOutput"></div>