如何允许用户通过单击按钮或按下空格键来按下按钮

Question

我创建了一个设备，用户可以单击打开和关闭按钮将其打开和关闭。 我还希望用户能够通过按键盘上的空格键来执行相同操作，但是遇到了一些麻烦。 我也是javascript和这个网站的新手，所以如有任何错误，请原谅我。

 let buttons1=document.querySelectorAll(".col-6"); for(let i=0; i<buttons1.length; i++){ buttons1[i].onclick=function(){ document.body.onkeyup = function(e){ if(buttons1[i].innerHTML=='ON / OFF'||e.keyCode==32){ ...rest of my code.... 

Answer 1

您可以尝试这样的事情：

 let buttonState = false; document.getElementById("status").innerHTML = JSON.stringify(buttonState); document.body.onkeyup = function(e) { // if space bar pressed if (e.keyCode == 32 || e.key === ' ') { toggleState(); } } function toggleState () { // toggle button state buttonState = !buttonState; document.getElementById("status").innerHTML = JSON.stringify(buttonState); } 

 <button type="button" onclick="toggleState()"> Toggle On/Off </button> <div id="status"></div>