Javascript 如何在按下键时更改div的值

我已经在我的HTML中创建了div，我用它来用CSS画条。 现在，我希望在用户按下向下箭头键时更改值

这是我的JavaScript：

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

window.addEventlistener("onkeydown", function(e){
if(e.keyCode == 40){
    changeIdValue("balklongwaarde", "60px");
});
}

---

我不明白这为什么不起作用。

你可以这样说

window.onkeydown = function(e){
        if(e.keyCode == 40)
            changeIdValue("balklongwaard", "60px");
        };

---

我知道这个问题已经得到了回答，但是如果你想遵循你最初的想法，这里有正确的代码（因为Mritunjay的答案只适用于每页一次使用）

addEventListener在Listener中使用大写字母L编写

与addEventListener函数一起使用时，“onkeydown”应为“keydown”

您以错误的顺序关闭了括号（关闭if、关闭函数、关闭函数调用）

---

从简单开始。函数体中的调试器行；它会触发吗。改用jQuery，使用jQuery的JavaScript侦听器要简单得多

var changeIdValue = function (id, value) {
        document.getElementById(id).style.height = value;
    };
window.addEventListener('keydown', function (e) {
    if (e.keyCode === 40) {
        changeIdValue('balklongwaarde', '60px');
    }
});