如何防止多次单击按钮?

时间:2019-10-20 23:15:36

标签: javascript html

所以,我的HTML代码中有类似的内容

<!doctype html>
<html>
  <head>
    <title>Testing stuff</title>
  </head>
  <body>
    <button onclick = "increase_var();">Click me to make a variable go higher!</button>
    <script>
      let thing = 0;
      function increase_var()
      {
        thing += 1;
        console.log(thing);
      }
    </script>
  </body>
</html>

如果您运行此代码并按住按钮上的Enter键,您将看到该变量自己运行,这不是我想要的。期望的结果是强制您按按钮上的Enter键以使变量增加(解决方案必须与多个按钮一起使用,而不仅仅是此示例)。 我曾尝试过在线搜索,但是所有与我类似的问题都有脚本读取键盘输入(我没有这样做)。 重申一下,我希望用户不能按住他们的Enter键,而不能以恒定的速率触发按钮事件。我希望用户每次想要更高的东西时都被迫按下键

2 个答案:

答案 0 :(得分:1)

您可以使用onkeyup,因为这可以确保用户释放按钮键

答案 1 :(得分:0)

您可以通过onkeyup事件进行尝试:

<button onkeyup = "increase_var();">Click me to make a variable go higher!</button>