javascript - 如何将“Enter 键”分配给 onclick 事件？

Question

在这里，我有一个数字输入栏，带有一个分配为按钮的标签，我有一个 onclick 功能。当用户按下回车键时，如何使 oncklick 被执行？（此时用户将在框中输入一个数字并用鼠标按下按钮 - 我怎样才能让用户输入数字并按 Enter 并执行相同的 onclick 功能？）

提前谢谢了。

我尝试了一些代码，但它们不起作用

enter code here


<div id="foot1">

 <form action="" method="" name="vform">
 <input type ="number" min="0" max="10000000" 
  placeholder="PEEM it!" value="" id="footbar"  />
  <div id="foot2">
   <li class="foot" alt="foot"  title="FOOT (ft)" onclick="runfoot()"><a  
  href=""></a></li>
  </div>
  </div>

标签： javascripthtml

Answer 1

您可以使用keydown事件或类似事件（keyup、keypress）：

document.addEventListener('keydown', function(event) {
  const ENTERKEY = 13;
  if (event.keyCode === ENTERKEY) {
    runfoot()
  }
});

https://developer.mozilla.org/en-US/docs/Web/Events/keydown