Question

我在我的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");
});
}

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

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');
    }
});

addEventListener使用Listener中的大写字母L
'onkeydown'应为'keydown'
您以错误的顺序关闭括号（关闭if，关闭功能，关闭函数调用）

Answer 2

你可以这样说

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

按键时如何更改div的值

2 个答案: