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>

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

1 个答案: