Question

在这里，我有数字输入栏，带有分配为按钮的标签，我具有onclick函数。当用户按下Enter时，如何使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>

Answer 1

您可以使用Int事件或类似事件（按键，按键）：

keydown

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

Answer 2

只需使用jQuery的document.addEventListener('keydown', function(event) { const ENTERKEY = 13; if (event.keyCode === ENTERKEY) { runfoot() } });：

click

Answer 3

您可以尝试以下方法：


<div id="foot1">
      <form action="" method="" name="vform" onsubmit="return false">
        <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>
      </form>
    </div>
    <script>
      document
        .getElementById('footbar')
        .addEventListener('keyup', function(event) {
          const key = 13;
          if (event.keyCode == key) {
            runfoot();
          }
        });
    </script>

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

3 个答案: