按下Enter键时运行方法

Question

我正在对一个网页进行编码，该网页的表单具有一个字段，用户在其中键入一组数字，然后按一个说“运行”以运行代码的按钮，问题是当您按“输入”键时“运行”按钮不会执行任何操作。假定运行一个名为“ calculate（）”的javascript方法。

我尝试寻找一种名为“ onEnter”或“ onSubmit”的方法，但找不到任何方法。

Answer 1

您可以在主体/某些特定元素的按键上附加一个侦听器。 输入的关键代码是13，因此您可以收听。

let element = document.getElementById('#some-element');

element.addEventListener('keydown', (e) => {
  e.preventDefault();
  if (e.keyCode === 13) {
    calculate();
  }
});