检测输入字段上的 Enter 键按下

Question

我正在开发一个带有多功能框（id =“address”）和“GO”按钮（id =“submit”）的 IFrame 浏览器，我想检测用户何时按下 Enter 并执行 JavaScript 函数。我尝试使用<form>标签和W3Schools How TO - Trigger Button Click on Enter，但表单破坏了我的应用程序，并且单击 Enter 按钮没有执行任何操作。

Answer 1

你可以这样做：

const inputEl = document.getElementById("enter-input");

inputEl.addEventListener("keyup", manageEnter);

function manageEnter(evt) {

  evt.preventDefault();

  if (evt.keyCode === 13) {

    console.log("hello");

  }

}

<form onsubmit="event.preventDefault();" action="">

  <input id="enter-input" type="string" />

</form>