按下回车时的运行方法答案

【问题标题】：Run method when enter is pressed按下回车时的运行方法
【发布时间】：2018-09-19 05:03:07
【问题描述】：

我正在编写一个网页，该网页有一个带有一个字段的表单，用户在其中输入一组数字，然后按下一个显示“运行”的按钮来运行代码，问题是当您按下“输入”键时'运行'按钮它不做任何事情。假设运行一个名为 'calculate()' 的 javascript 方法。

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

【问题讨论】：

如果字段是textarea，这是重复的stackoverflow.com/questions/2099661/enter-key-in-textarea没有onEnter这个方法，onSubmit是表单事件而不是文本输入事件，你需要阅读更多关于JS API，你只是不能调用随机函数并期望工作。
你试过keypress按钮事件然后处理输入键码13吗？
我在这里看不到任何代码。也许你可以添加一些？
onSubmit 在<form> 标签上可用。并且您仍然可以在提交时进行preventDefault 行为。

标签： javascript html

【解决方案1】：

您可以在正文/某些特定元素的按键上附加一个侦听器。回车键码是13，你可以听一下。

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

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

【讨论】：