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

Question

我在 HTML 中制作了 div，用 CSS 绘制条形。现在我希望当用户按下向下箭头键时更改 to 值。

这是我的 JavaScript:

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

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

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

Answer 1

我知道这个问题已经得到了回答，但是如果您想遵循您最初的想法，这里是正确的代码(因为 Mritunjay 的答案仅适用于每页一次)。

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

1. addEventListener在Listener中写成大写L
2. 与 addEventListener 函数一起使用时，'onkeydown' 应为 'keydown'
3. 您关闭括号的顺序错误(关闭 if、关闭函数、关闭函数调用)