Javascript 如何防止多次单击按钮？_Javascript_Html

Javascript 如何防止多次单击按钮？

javascript html

Javascript 如何防止多次单击按钮？,javascript,html,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> &

所以，我的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>


测试材料
单击我使变量更高！
让事物=0；
函数递增_var（）
{
事物+=1；
console.log（东西）；
}

如果您运行此代码并按住按钮上的enter键，您将看到变量本身在上升，这不是我想要的。所需的结果是强制您按按钮上的enter键以使变量上升（解决方案必须使用多个按钮，而不仅仅是本例）。我曾尝试过在线搜索，但所有与我类似的问题都有脚本读取键盘输入（我没有这样做）。

重申一下，我希望用户不能按住enter键，并以恒定速率触发按钮事件。我希望用户每次希望某个东西升得更高时都能被强制按键

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

您可以使用

onkeyup

事件进行尝试：

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

单击我使变量变高！

现在这种方法的问题是，每当释放任何键时（我打开控制台一次，变量增加了，而我没有实际激活按钮），事件就会触发，然后传递一个参数

increase\u var（event）

然后检查函数

event.keyCode==13