Javascript 按空格键后执行JS代码

这是我的JavaScript代码：

var changeIdValue =  function(id, value) {
document.getElementById(id).style.height = value;
};

document.getElementById ("balklongwaarde").addEventListener("click", function(){ changeIdValue("balklongwaarde", "60px")});

document.getElementById ("balklevensverwachting").addEventListener("click", function(){ changeIdValue("balklevensverwachting", "60px")});

document.getElementById ("balkhart").addEventListener("click", function(){ changeIdValue("balkhart", "60px")});

document.getElementById ("balklever").addEventListener("click", function(){ changeIdValue("balklever", "60px")});

document.getElementById("balkhersenen").addEventListener("click", function(){ changeIdValue("balkhersenen", "60px")});

我想在按下键后执行此代码

有人知道怎么做吗

document.body.onkeyup = function(e){
    if(e.keyCode == 32){
        //your code
    }
}

这将在您点击空格键后执行

---

在JQuery中，

事件在事件属性下标准化

您可以在此处找到任何键值例如：空格键值（32）

此功能可能对您有所帮助

$(window).keypress(function(e) {
    if (e.which === 32) {

        //Your code goes here

    }
});

---

document.activeElement

是任何有焦点的元素。你经常会发现空格键和回车键都可以点击焦点元素

document.body.onkeyup = function(e){
    if(e.keyCode == 32 || e.keyCode == 13){
        //spacebar or enter clicks focused element
        try {
            doc.activeElement.click();
        }
        catch (e) {
            console.log(e);
        }            
    }
};  

那么CSS可能是：

.focusable-thing:hover {
    cursor: pointer;
}
.focusable-thing:focus {
    -webkit-box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.4);
}

---

2019年版本将是：（适用于所有主要浏览器——Chrome、Firefox、Safari）

规格链接-

代码包含一个字符串，用于标识所按下的物理键。该值不受当前键盘布局或修改器状态的影响，因此特定键将始终返回相同的值。 此属性的未初始化值必须为“”（空字符串）

//event=keyup或keydown
document.addEventListener（'keyup'，event=>{
如果（event.code==='Space'）{
console.log（'按下空格'）
}
})

。您可以使用

键

（通过按键生成的字符）或

code

（键盘上的物理键）。根据键盘布局的不同，使用一种或另一种可能有不同的输出

document.addEventListener（'keydown'，（e）=>{
如果（例如代码==“空格”）{
//做你的事
}
});

或

document.addEventListener（'keydown'，（e）=>
如果（e.key==“”）{
//做你的事
}
});

关于哪个的键控？这些元素中的任何一个？这可能很有用，对我来说。显然

keyCode

。最好使用：

如果（e.keyCode==32 | | e.key=====''）

在iOS中可以，但在android移动网络中不起作用browsers@z0rIE似乎不认识

e.key=='

但是

e.key==='Spacebar'

谁能告诉我

document.body.onkeyup

上的

onkeyup

是什么。这是什么意思？为什么用它来回答这个问题！谢谢你这不起作用-必须是e.code你是对的我打错了，我编辑了答案：）