javascript 按回车键相应按钮提交事件

要使得在输入框中按下回车键能够提交表单，可以分为以下几个步骤：

1. 找到输入框的 DOM 元素。

2. 给输入框添加 onkeydown 事件监听器。

3. 在事件监听器中判断按下的是否为回车键。

4. 如果是回车键，则阻止默认行为（即防止换行），并执行相应的提交表单操作。

下面按照具体的方法和示例一步步进行讲解。

1. 找到输入框的 DOM 元素

首先，需要找到要对其添加事件监听器的输入框的 DOM 元素。假设我们的网页中有一个 id 为 "input-box" 的文本框，那么可以使用 document.querySelector() 或 document.getElementById() 方法找到该元素：

const inputBox = document.querySelector("#input-box");
// 或者
const inputBox = document.getElementById("input-box");

2. 给输入框添加 onkeydown 事件监听器

接下来，需要给输入框添加一个 onkeydown 事件监听器。当然，如果你的网页框架具有更高级的事件绑定方法（例如 Vue.js 或 React），那么你也可以使用他们提供的方法绑定事件。在本例子中，我们使用最基础的 onkeydown 方法。

inputBox.onkeydown = function(event) {
  // 在这里编写相应代码
}

3. 在事件监听器中判断按下的是否为回车键

在事件监听器中，需要使用 event.keyCode 或 event.which 属性来判断按下的是否为回车键。这两个属性是两个不同浏览器访问键盘事件时，对 keyCode 属性的输出方法之一，用以获取按下的键值。

inputBox.onkeydown = function(event) {
  // event.keyCode 可以获取按下的键值
  if (event.keyCode === 13) {
    // 在这里编写相应代码
  }
}

4. 如果是回车键，则阻止默认行为，并执行相应的提交表单操作

在判断有按下回车键后，需要把默认行为停止掉，并执行相应的提交表单操作。在本例中，我们使用 input.submit() 方法提交表单。

inputBox.onkeydown = function(event) {
  if (event.keyCode === 13) {
    // 阻止默认行为（即防止换行）
    event.preventDefault();
    // 在这里执行提交表单操作
    inputBox.form.submit();
  }
}

现在，我们已经完成了按回车键提交表单的操作。下面是两个例子：

例子1：使用最基础的 onkeydown 事件绑定方法

<!-- HTML 代码 -->
<form>
  <input type="text" id="input-box" />
  <button type="submit">提交</button>
</form>

// JavaScript 代码
const inputBox = document.querySelector("#input-box");

inputBox.onkeydown = function(event) {
  if (event.keyCode === 13) {
    event.preventDefault();
    inputBox.form.submit();
  }
}

例子2：使用 addEventListener() 方法绑定事件

<!-- HTML 代码 -->
<form>
  <input type="text" id="input-box" />
  <button type="submit">提交</button>
</form>

// JavaScript 代码
const inputBox = document.querySelector("#input-box");

inputBox.addEventListener("keydown", function(event) {
  if (event.keyCode === 13) {
    event.preventDefault();
    inputBox.form.submit();
  }
});