Keydown事件不会触发功能

Question

我编写了一个简单的代码，该代码应该在按下某些键时更改框的可见性，但是出了点问题，因为无论按下哪个按钮，它总是表示它是错误的。

仅在按下“ f”键时此功能才起作用，现在根本不起作用...

const brick = document.querySelector('.brick');

window.addEventListener('keydown',function(e)
{ 
    e.preventDefault();

    if(e.keycode == 70)
    {
        let x = event.keyCode;
        console.log(x);
        brick.style.visibility = "visible";    
    } else {
        let x = e.keyCode;
        console.log(x);
        console.log("You've pressed wrong button")
        brick.style.visibility ="hidden";
    }

});

代码在这里

我知道我可以使用jQuery，但我想在纯JS中做到这一点

电贺

Answer 1

轻微的语法错误：

if(e.keycode == 70)

应该：

if(e.keyCode == 70)

注意大写字母C。

Answer 2

这可能会有所帮助。 运行代码后，按键盘上的“ F”键可看到红色的div

 const brick = document.querySelector('.brick'); window.addEventListener('keydown',function(e) { e.preventDefault(); let x = e.keyCode; if(x == 70) { //console.log(x); brick.style.visibility = "visible"; } else { //console.log(x); //console.log("You've pressed wrong button") brick.style.visibility ="hidden"; } }); 

 .brick { width:100px; height:100px; visibility: hidden; background-color: red; display:block; } 

  <div class="brick" > </div>